0 views

#1f5ea0 - Color Information

#1f5ea0

Base Information

HEX

#1f5ea0

RGB

31,94,160

HSL

211,68,37

HSV

211,81,63

CMYK

81,41,0,37

LAB

39,5,-41

LCH

39,42,276

XYZ

11,11,35

Web Safe

#336699

Web Smart

#226699

is dark

Yes

luminosity

0.1083

Pantone Color

Combinations

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

#1f5ea0

#A0611F

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

#1f5ea0

#A0211F

#9EA01F

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

#1f5ea0

#A01F5E

#5EA01F

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

#1f5ea0

#A01F9E

#A0611F

#1FA021

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

#1f5ea0

#A0611F

#A0211F

#9EA01F

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

#1f5ea0

#211FA0

#611FA0

#A01F9E

Shades

#1f5ea0 Light Tints

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

#1F5EA0

#356EAA

#4C7EB3

#628EBD

#799EC6

#8FAFD0

#A5BFD9

#BCCFE3

#D2DFEC

#E9EFF6

#1f5ea0 Gray Shades

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

#1F5EA0

#29619D

#32659A

#3C6896

#466C93

#506F90

#59728D

#63768A

#6D7986

#767D83

#1f5ea0 Dark Shades

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

#1F5EA0

#1C5590

#194B80

#164270

#133860

#102F50

#0C2640

#091C30

#061320

#030910

#1f5ea0 Red Shades

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

#1F5EA0

#355590

#4C4B80

#624270

#793860

#8F2F50

#A52640

#BC1C30

#D21320

#E90910

#1f5ea0 Green Shades

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

#1F5EA0

#1C6190

#196580

#166870

#136C60

#106F50

#0C7240

#097630

#067920

#037D10

#1f5ea0 Blue Shades

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

#1F5EA0

#1C55AA

#194BB3

#1642BD

#1338C6

#102FD0

#0C26D9

#091CE3

#0613EC

#0309F6

Readability Analysis

#1f5ea0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.63	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

#1f5ea0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.63	AA	Sample Text
Black	3.17	A	Sample Text
Red	1.66	Fail	Sample Text
Green	1.29	Fail	Sample Text
Blue	1.30	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#345c9d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#245e9f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b6480`
Protanopia	No red perception - Dichromacy	`#405b9c`
Deuteranopia	No green perception - Dichromacy	`#275e9f`
Tritanopia	No blue perception - Dichromacy	`#00676e`
Achromatomaly	Partial color blindness - Monochromacy	`#425971`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#1f5ea0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f5ea0 Light Tints

#1f5ea0 Gray Shades

#1f5ea0 Dark Shades

#1f5ea0 Red Shades

#1f5ea0 Green Shades

#1f5ea0 Blue Shades

Readability Analysis

#1f5ea0 as Text Color

#1f5ea0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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