0 views

#cce2df - Color Information

#cce2df

Base Information

HEX

#cce2df

RGB

204,226,223

HSL

172,27,84

HSV

172,10,89

CMYK

10,0,1,11

LAB

88,-8,-1

LCH

88,8,187

XYZ

65,73,80

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.7256

Pantone Color

Combinations

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

#cce2df

#E2CCCF

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

#cce2df

#E2CCDA

#E2D4CC

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

#cce2df

#DFCCE2

#E2DFCC

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

#cce2df

#D4CCE2

#E2CCCF

#DAE2CC

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

#cce2df

#E2CCCF

#E2CCDA

#E2D4CC

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

#cce2df

#CCDAE2

#CCCFE2

#D4CCE2

Shades

#cce2df Light Tints

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

#CCE2DF

#D1E5E2

#D6E8E5

#DBEBE9

#E0EEEC

#E6F1EF

#EBF3F2

#F0F6F5

#F5F9F9

#FAFCFC

#cce2df Gray Shades

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

#CCE2DF

#C4D8D6

#BDCECC

#B5C5C3

#AEBBB9

#A6B1B0

#9EA7A6

#979D9D

#8F9493

#888A8A

#cce2df Dark Shades

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

#CCE2DF

#B8CBC9

#A3B5B2

#8F9E9C

#7A8886

#667170

#525A59

#3D4443

#292D2D

#141716

#cce2df Red Shades

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

#CCE2DF

#D1CBC9

#D6B5B2

#DB9E9C

#E08886

#E67170

#EB5A59

#F04443

#F52D2D

#FA1716

#cce2df Green Shades

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

#CCE2DF

#B8D8C9

#A3CEB2

#8FC59C

#7ABB86

#66B170

#52A759

#3D9D43

#29942D

#148A16

#cce2df Blue Shades

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

#CCE2DF

#B8CBE2

#A3B5E5

#8F9EE9

#7A88EC

#6671EF

#525AF2

#3D44F5

#292DF9

#1417FC

Readability Analysis

#cce2df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.51	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.35	AA	Sample Text

#cce2df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.51	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.35	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9dedc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e3dae1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cde0ea`
Protanopia	No red perception - Dichromacy	`#e1dbdb`
Deuteranopia	No green perception - Dichromacy	`#f0d6e2`
Tritanopia	No blue perception - Dichromacy	`#cedef0`
Achromatomaly	Partial color blindness - Monochromacy	`#d7dfde`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#cce2df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce2df Light Tints

#cce2df Gray Shades

#cce2df Dark Shades

#cce2df Red Shades

#cce2df Green Shades

#cce2df Blue Shades

Readability Analysis

#cce2df as Text Color

#cce2df as Background Color

Color Blindness Simulation

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

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

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

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

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

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