0 views

#1f54d9 - Color Information

#1f54d9

Base Information

HEX

#1f54d9

RGB

31,84,217

HSL

223,75,49

HSV

223,86,85

CMYK

86,61,0,15

LAB

41,33,-72

LCH

41,80,295

XYZ

16,12,67

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1164

Pantone Color

Combinations

#1f54d9 complementary
Colors that are opposite to each other, forming a contrasting pair.

#1f54d9

#D9A41F

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

#1f54d9

#D9471F

#B1D91F

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

#1f54d9

#D91F54

#54D91F

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

#1f54d9

#D91FB1

#D9A41F

#1FD947

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

#1f54d9

#D9A41F

#D9471F

#B1D91F

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

#1f54d9

#471FD9

#A41FD9

#D91FB1

Shades

#1f54d9 Light Tints

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

#1F54D9

#3565DD

#4C76E1

#6287E4

#7998E8

#8FAAEC

#A5BBF0

#BCCCF4

#D2DDF7

#E9EEFB

#1f54d9 Gray Shades

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

#1F54D9

#2958D0

#325DC7

#3C61BE

#4666B5

#506AAD

#596EA4

#63739B

#6D7792

#767C89

#1f54d9 Dark Shades

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

#1F54D9

#1C4CC3

#1943AE

#163B98

#133282

#102A6D

#0C2257

#091941

#06112B

#030816

#1f54d9 Red Shades

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

#1F54D9

#354CC3

#4C43AE

#623B98

#793282

#8F2A6D

#A52257

#BC1941

#D2112B

#E90816

#1f54d9 Green Shades

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

#1F54D9

#1C58C3

#195DAE

#166198

#136682

#106A6D

#0C6E57

#097341

#06772B

#037C16

#1f54d9 Blue Shades

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

#1F54D9

#1C4CDD

#1943E1

#163BE4

#1332E8

#102AEC

#0C22F0

#0919F4

#0611F7

#0308FB

Readability Analysis

#1f54d9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.31	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

#1f54d9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.31	AA	Sample Text
Black	3.33	A	Sample Text
Red	1.58	Fail	Sample Text
Green	1.23	Fail	Sample Text
Blue	1.36	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5aca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b5db8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b6296`
Protanopia	No red perception - Dichromacy	`#005dc1`
Deuteranopia	No green perception - Dichromacy	`#0063a6`
Tritanopia	No blue perception - Dichromacy	`#006a70`
Achromatomaly	Partial color blindness - Monochromacy	`#405383`
Achromatopsia	Complete color blindness - Monochromacy	`#525252`

#1f54d9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1f54d9 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1f54d9 Light Tints

#1f54d9 Gray Shades

#1f54d9 Dark Shades

#1f54d9 Red Shades

#1f54d9 Green Shades

#1f54d9 Blue Shades

Readability Analysis

#1f54d9 as Text Color

#1f54d9 as Background Color

Color Blindness Simulation

#1f54d9 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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