0 views

#ccdcee - Color Information

#ccdcee

Base Information

HEX

#ccdcee

RGB

204,220,238

HSL

212,50,87

HSV

212,14,93

CMYK

14,8,0,7

LAB

87,-2,-11

LCH

87,11,261

XYZ

66,70,91

Web Safe

#ccccff

Web Smart

#ccddee

is dark

luminosity

0.7020

Pantone Color

Combinations

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

#ccdcee

#EEDECC

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

#ccdcee

#EECDCC

#EDEECC

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

#ccdcee

#EECCDC

#DCEECC

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

#ccdcee

#EECCED

#EEDECC

#CCEECD

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

#ccdcee

#EEDECC

#EECDCC

#EDEECC

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

#ccdcee

#CDCCEE

#DECCEE

#EECCED

Shades

#ccdcee Light Tints

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

#CCDCEE

#D1E0F0

#D6E3F1

#DBE7F3

#E0EAF5

#E6EEF7

#EBF1F8

#F0F5FA

#F5F8FC

#FAFCFD

#ccdcee Gray Shades

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

#CCDCEE

#C4D3E3

#BDCAD8

#B5C0CD

#AEB7C2

#A6AEB7

#9EA5AC

#979CA1

#8F9296

#88898B

#ccdcee Dark Shades

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

#CCDCEE

#B8C6D6

#A3B0BE

#8F9AA7

#7A848F

#666E77

#52585F

#3D4247

#292C30

#141618

#ccdcee Red Shades

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

#CCDCEE

#D1C6D6

#D6B0BE

#DB9AA7

#E0848F

#E66E77

#EB585F

#F04247

#F52C30

#FA1618

#ccdcee Green Shades

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

#CCDCEE

#B8D3D6

#A3CABE

#8FC0A7

#7AB78F

#66AE77

#52A55F

#3D9C47

#299230

#148918

#ccdcee Blue Shades

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

#CCDCEE

#B8C6F0

#A3B0F1

#8F9AF3

#7A84F5

#666EF7

#5258F8

#3D42FA

#292CFC

#1416FD

Readability Analysis

#ccdcee as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.04	AAA	Sample Text
Red	2.86	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.15	AA	Sample Text

#ccdcee as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.04	AAA	Sample Text
Red	2.86	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.15	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d3d9ec`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbd6ef`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbdbed`
Protanopia	No red perception - Dichromacy	`#d7d8ec`
Deuteranopia	No green perception - Dichromacy	`#e4d3f0`
Tritanopia	No blue perception - Dichromacy	`#cbdbec`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dbe1`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#ccdcee - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdcee Light Tints

#ccdcee Gray Shades

#ccdcee Dark Shades

#ccdcee Red Shades

#ccdcee Green Shades

#ccdcee Blue Shades

Readability Analysis

#ccdcee as Text Color

#ccdcee as Background Color

Color Blindness Simulation

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

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

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

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

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

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