0 views

#ccdcef - Color Information

#ccdcef

Base Information

HEX

#ccdcef

RGB

204,220,239

HSL

213,52,87

HSV

213,15,94

CMYK

15,8,0,6

LAB

87,-2,-11

LCH

87,11,262

XYZ

66,70,92

Web Safe

#ccccff

Web Smart

#ccddee

is dark

luminosity

0.7026

Pantone Color

Combinations

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

#ccdcef

#EFDFCC

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

#ccdcef

#EFCECC

#EEEFCC

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

#ccdcef

#EFCCDC

#DCEFCC

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

#ccdcef

#EFCCEE

#EFDFCC

#CCEFCE

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

#ccdcef

#EFDFCC

#EFCECC

#EEEFCC

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

#ccdcef

#CECCEF

#DFCCEF

#EFCCEE

Shades

#ccdcef Light Tints

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

#CCDCEF

#D1E0F1

#D6E3F2

#DBE7F4

#E0EAF5

#E6EEF7

#EBF1F9

#F0F5FA

#F5F8FC

#FAFCFD

#ccdcef Gray Shades

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

#CCDCEF

#C4D3E4

#BDCAD9

#B5C0CE

#AEB7C3

#A6AEB8

#9EA5AC

#979CA1

#8F9296

#88898B

#ccdcef Dark Shades

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

#CCDCEF

#B8C6D7

#A3B0BF

#8F9AA7

#7A848F

#666E78

#525860

#3D4248

#292C30

#141618

#ccdcef Red Shades

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

#CCDCEF

#D1C6D7

#D6B0BF

#DB9AA7

#E0848F

#E66E78

#EB5860

#F04248

#F52C30

#FA1618

#ccdcef Green Shades

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

#CCDCEF

#B8D3D7

#A3CABF

#8FC0A7

#7AB78F

#66AE78

#52A560

#3D9C48

#299230

#148918

#ccdcef Blue Shades

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

#CCDCEF

#B8C6F1

#A3B0F2

#8F9AF4

#7A84F5

#666EF7

#5258F9

#3D42FA

#292CFC

#1416FD

Readability Analysis

#ccdcef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.05	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.16	AA	Sample Text

#ccdcef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	15.05	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.16	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d3d9ed`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbd6f0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbdced`
Protanopia	No red perception - Dichromacy	`#d7d8ed`
Deuteranopia	No green perception - Dichromacy	`#e4d3f1`
Tritanopia	No blue perception - Dichromacy	`#cadbed`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dbe2`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#ccdcef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdcef Light Tints

#ccdcef Gray Shades

#ccdcef Dark Shades

#ccdcef Red Shades

#ccdcef Green Shades

#ccdcef Blue Shades

Readability Analysis

#ccdcef as Text Color

#ccdcef as Background Color

Color Blindness Simulation

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

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

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

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

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

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