0 views

#0b4bf8 - Color Information

#0b4bf8

Base Information

HEX

#0b4bf8

RGB

11,75,248

HSL

224,94,51

HSV

224,96,97

CMYK

96,70,0,3

LAB

41,50,-89

LCH

41,102,299

XYZ

20,12,90

Web Safe

#0033ff

Web Smart

#1144ff

is dark

Yes

luminosity

0.1188

Pantone Color

Combinations

#0b4bf8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#0b4bf8

#F8B80B

#0b4bf8 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#0b4bf8

#F8420B

#C1F80B

#0b4bf8 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#0b4bf8

#F80B4B

#4BF80B

#0b4bf8 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#0b4bf8

#F80BC1

#F8B80B

#0BF842

#0b4bf8 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#0b4bf8

#F8B80B

#F8420B

#C1F80B

#0b4bf8 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#0b4bf8

#420BF8

#B80BF8

#F80BC1

Shades

#0b4bf8 Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#0B4BF8

#235DF9

#3C6FF9

#5481FA

#6D93FB

#85A5FC

#9DB7FC

#B6C9FD

#CEDBFE

#E7EDFE

#0b4bf8 Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#0B4BF8

#1750EC

#2256E0

#2E5BD4

#3A60C8

#4666BC

#516BB0

#5D70A4

#697598

#747B8C

#0b4bf8 Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#0B4BF8

#0A44DF

#093CC6

#0835AE

#072D95

#06267C

#041E63

#03164A

#020F32

#010719

#0b4bf8 Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#0B4BF8

#2344DF

#3C3CC6

#5435AE

#6D2D95

#85267C

#9D1E63

#B6164A

#CE0F32

#E70719

#0b4bf8 Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#0B4BF8

#0A50DF

#0956C6

#085BAE

#076095

#06667C

#046B63

#03704A

#027532

#017B19

#0b4bf8 Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#0B4BF8

#0A44F9

#093CF9

#0835FA

#072DFB

#0626FC

#041EFC

#0316FD

#020FFE

#0107FE

Readability Analysis

#0b4bf8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.22	AA	Sample Text
Black	3.38	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.38	Fail	Sample Text

#0b4bf8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.22	AA	Sample Text
Black	3.38	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.21	Fail	Sample Text
Blue	1.38	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0457d6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#045bc4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0460a2`
Protanopia	No red perception - Dichromacy	`#005ec2`
Deuteranopia	No green perception - Dichromacy	`#0064a6`
Tritanopia	No blue perception - Dichromacy	`#006b71`
Achromatomaly	Partial color blindness - Monochromacy	`#334a89`
Achromatopsia	Complete color blindness - Monochromacy	`#4a4a4a`

#0b4bf8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#0b4bf8 complementaryColors that are opposite to each other, forming a contrasting pair.

#0b4bf8 splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#0b4bf8 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#0b4bf8 tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#0b4bf8 analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#0b4bf8 analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#0b4bf8 Light Tints

#0b4bf8 Gray Shades

#0b4bf8 Dark Shades

#0b4bf8 Red Shades

#0b4bf8 Green Shades

#0b4bf8 Blue Shades

Readability Analysis

#0b4bf8 as Text Color

#0b4bf8 as Background Color

Color Blindness Simulation

#0b4bf8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#0b4bf8 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#0b4bf8 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#0b4bf8 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#0b4bf8 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#0b4bf8 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.