0 views

#1f5ddc - Color Information

#1f5ddc

Base Information

HEX

#1f5ddc

RGB

31,93,220

HSL

220,75,49

HSV

220,86,86

CMYK

86,58,0,14

LAB

43,29,-70

LCH

43,76,292

XYZ

17,13,69

Web Safe

#3366cc

Web Smart

#2255dd

is dark

Yes

luminosity

0.1329

Pantone Color

Combinations

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

#1f5ddc

#DC9E1F

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

#1f5ddc

#DC401F

#BBDC1F

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

#1f5ddc

#DC1F5D

#5DDC1F

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

#1f5ddc

#DC1FBB

#DC9E1F

#1FDC40

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

#1f5ddc

#DC9E1F

#DC401F

#BBDC1F

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

#1f5ddc

#401FDC

#9E1FDC

#DC1FBB

Shades

#1f5ddc Light Tints

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

#1F5DDC

#356DE0

#4C7DE3

#628EE7

#799EEA

#8FAEEE

#A5BEF1

#BCCEF5

#D2DFF8

#E9EFFC

#1f5ddc Gray Shades

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

#1F5DDC

#2961D3

#3264CA

#3C68C0

#466BB7

#506FAE

#5972A5

#63769C

#6D7992

#767D89

#1f5ddc Dark Shades

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

#1F5DDC

#1C54C6

#194AB0

#16419A

#133884

#102F6E

#0C2558

#091C42

#06132C

#030916

#1f5ddc Red Shades

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

#1F5DDC

#3554C6

#4C4AB0

#62419A

#793884

#8F2F6E

#A52558

#BC1C42

#D2132C

#E90916

#1f5ddc Green Shades

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

#1F5DDC

#1C61C6

#1964B0

#16689A

#136B84

#106F6E

#0C7258

#097642

#06792C

#037D16

#1f5ddc Blue Shades

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

#1F5DDC

#1C54E0

#194AE3

#1641E7

#1338EA

#102FEE

#0C25F1

#091CF5

#0613F8

#0309FC

Readability Analysis

#1f5ddc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.74	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#1f5ddc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.74	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b60d2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b64c0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b6a9c`
Protanopia	No red perception - Dichromacy	`#0062cd`
Deuteranopia	No green perception - Dichromacy	`#0069b1`
Tritanopia	No blue perception - Dichromacy	`#007178`
Achromatomaly	Partial color blindness - Monochromacy	`#445a89`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#1f5ddc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f5ddc Light Tints

#1f5ddc Gray Shades

#1f5ddc Dark Shades

#1f5ddc Red Shades

#1f5ddc Green Shades

#1f5ddc Blue Shades

Readability Analysis

#1f5ddc as Text Color

#1f5ddc as Background Color

Color Blindness Simulation

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

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

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

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

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

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