0 views

#1f55e5 - Color Information

#1f55e5

Base Information

HEX

#1f55e5

RGB

31,85,229

HSL

224,79,51

HSV

224,86,90

CMYK

86,63,0,10

LAB

42,37,-77

LCH

42,86,296

XYZ

18,12,76

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1245

Pantone Color

Combinations

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

#1f55e5

#E5AF1F

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

#1f55e5

#E54C1F

#B8E51F

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

#1f55e5

#E51F55

#55E51F

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

#1f55e5

#E51FB8

#E5AF1F

#1FE54C

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

#1f55e5

#E5AF1F

#E54C1F

#B8E51F

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

#1f55e5

#4C1FE5

#AF1FE5

#E51FB8

Shades

#1f55e5 Light Tints

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

#1F55E5

#3566E8

#4C77EA

#6288ED

#7999EF

#8FAAF2

#A5BBF5

#BCCCF7

#D2DDFA

#E9EEFC

#1f55e5 Gray Shades

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

#1F55E5

#2959DB

#325ED1

#3C62C7

#4666BD

#506BB3

#596FA8

#63739E

#6D7794

#767C8A

#1f55e5 Dark Shades

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

#1F55E5

#1C4DCE

#1944B7

#163BA0

#133389

#102B73

#0C225C

#091945

#06112E

#030817

#1f55e5 Red Shades

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

#1F55E5

#354DCE

#4C44B7

#623BA0

#793389

#8F2B73

#A5225C

#BC1945

#D2112E

#E90817

#1f55e5 Green Shades

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

#1F55E5

#1C59CE

#195EB7

#1662A0

#136689

#106B73

#0C6F5C

#097345

#06772E

#037C17

#1f55e5 Blue Shades

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

#1F55E5

#1C4DE8

#1944EA

#163BED

#1333EF

#102BF2

#0C22F5

#0919F7

#0611FA

#0308FC

Readability Analysis

#1f55e5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.02	AA	Sample Text
Black	3.49	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

#1f55e5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.02	AA	Sample Text
Black	3.49	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.43	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5cd2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b60c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b659d`
Protanopia	No red perception - Dichromacy	`#0060c7`
Deuteranopia	No green perception - Dichromacy	`#0066aa`
Tritanopia	No blue perception - Dichromacy	`#006e74`
Achromatomaly	Partial color blindness - Monochromacy	`#415489`
Achromatopsia	Complete color blindness - Monochromacy	`#545454`

#1f55e5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f55e5 Light Tints

#1f55e5 Gray Shades

#1f55e5 Dark Shades

#1f55e5 Red Shades

#1f55e5 Green Shades

#1f55e5 Blue Shades

Readability Analysis

#1f55e5 as Text Color

#1f55e5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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