0 views

#dde6f0 - Color Information

#dde6f0

Base Information

HEX

#dde6f0

RGB

221,230,240

HSL

212,39,90

HSV

212,8,94

CMYK

8,4,0,6

LAB

91,-1,-6

LCH

91,6,259

XYZ

74,78,94

Web Safe

#ccffff

Web Smart

#ddeeee

is dark

luminosity

0.7826

Pantone Color

Combinations

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

#dde6f0

#F0E7DD

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

#dde6f0

#F0DEDD

#F0F0DD

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

#dde6f0

#F0DDE6

#E6F0DD

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

#dde6f0

#F0DDF0

#F0E7DD

#DDF0DE

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

#dde6f0

#F0E7DD

#F0DEDD

#F0F0DD

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

#dde6f0

#DEDDF0

#E7DDF0

#F0DDF0

Shades

#dde6f0 Light Tints

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

#DDE6F0

#E0E9F2

#E4EBF3

#E7EEF5

#EBF0F6

#EEF3F8

#F1F5F9

#F5F8FB

#F8FAFC

#FCFDFE

#dde6f0 Gray Shades

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

#DDE6F0

#D4DCE5

#CAD2DA

#C1C7CE

#B8BDC3

#AFB3B8

#A5A9AD

#9C9FA2

#939496

#898A8B

#dde6f0 Dark Shades

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

#DDE6F0

#C7CFD8

#B1B8C0

#9BA1A8

#858A90

#6F7378

#585C60

#424548

#2C2E30

#161718

#dde6f0 Red Shades

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

#DDE6F0

#E0CFD8

#E4B8C0

#E7A1A8

#EB8A90

#EE7378

#F15C60

#F54548

#F82E30

#FC1718

#dde6f0 Green Shades

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

#DDE6F0

#C7DCD8

#B1D2C0

#9BC7A8

#85BD90

#6FB378

#58A960

#429F48

#2C9430

#168A18

#dde6f0 Blue Shades

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

#DDE6F0

#C7CFF2

#B1B8F3

#9BA1F5

#858AF6

#6F73F8

#585CF9

#4245FB

#2C2EFC

#1617FE

Readability Analysis

#dde6f0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.65	AAA	Sample Text
Red	3.17	A	Sample Text
Green	4.07	A	Sample Text
Blue	6.81	AA	Sample Text

#dde6f0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.65	AAA	Sample Text
Red	3.17	A	Sample Text
Green	4.07	A	Sample Text
Blue	6.81	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e2e4ef`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece1f1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#dde5f4`
Protanopia	No red perception - Dichromacy	`#e5e3ee`
Deuteranopia	No green perception - Dichromacy	`#f5ddf2`
Tritanopia	No blue perception - Dichromacy	`#dde4f6`
Achromatomaly	Partial color blindness - Monochromacy	`#e2e5e9`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#dde6f0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#dde6f0 Light Tints

#dde6f0 Gray Shades

#dde6f0 Dark Shades

#dde6f0 Red Shades

#dde6f0 Green Shades

#dde6f0 Blue Shades

Readability Analysis

#dde6f0 as Text Color

#dde6f0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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