0 views

#1f5adf - Color Information

#1f5adf

Base Information

HEX

#1f5adf

RGB

31,90,223

HSL

222,76,50

HSV

222,86,87

CMYK

86,60,0,13

LAB

43,32,-73

LCH

43,79,294

XYZ

18,13,71

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1293

Pantone Color

Combinations

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

#1f5adf

#DFA41F

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

#1f5adf

#DF441F

#BADF1F

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

#1f5adf

#DF1F5A

#5ADF1F

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

#1f5adf

#DF1FBA

#DFA41F

#1FDF44

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

#1f5adf

#DFA41F

#DF441F

#BADF1F

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

#1f5adf

#441FDF

#A41FDF

#DF1FBA

Shades

#1f5adf Light Tints

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

#1F5ADF

#356BE2

#4C7BE5

#628CE9

#799CEC

#8FADEF

#A5BDF2

#BCCEF5

#D2DEF9

#E9EFFC

#1f5adf Gray Shades

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

#1F5ADF

#295ED6

#3262CC

#3C65C3

#4669B9

#506DB0

#5971A6

#63759D

#6D7893

#767C8A

#1f5adf Dark Shades

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

#1F5ADF

#1C51C9

#1948B2

#163F9C

#133686

#102D70

#0C2459

#091B43

#06122D

#030916

#1f5adf Red Shades

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

#1F5ADF

#3551C9

#4C48B2

#623F9C

#793686

#8F2D70

#A52459

#BC1B43

#D2122D

#E90916

#1f5adf Green Shades

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

#1F5ADF

#1C5EC9

#1962B2

#16659C

#136986

#106D70

#0C7159

#097543

#06782D

#037C16

#1f5adf Blue Shades

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

#1F5ADF

#1C51E2

#1948E5

#163FE9

#1336EC

#102DEF

#0C24F2

#091BF5

#0612F9

#0309FC

Readability Analysis

#1f5adf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.86	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

#1f5adf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.86	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5fd2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b63c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b689c`
Protanopia	No red perception - Dichromacy	`#0061ca`
Deuteranopia	No green perception - Dichromacy	`#0067ae`
Tritanopia	No blue perception - Dichromacy	`#007076`
Achromatomaly	Partial color blindness - Monochromacy	`#435888`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#1f5adf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f5adf Light Tints

#1f5adf Gray Shades

#1f5adf Dark Shades

#1f5adf Red Shades

#1f5adf Green Shades

#1f5adf Blue Shades

Readability Analysis

#1f5adf as Text Color

#1f5adf as Background Color

Color Blindness Simulation

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

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

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

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

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

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