0 views

#ccdedf - Color Information

#ccdedf

Base Information

HEX

#ccdedf

RGB

204,222,223

HSL

183,23,84

HSV

183,9,87

CMYK

9,0,0,13

LAB

87,-6,-3

LCH

87,6,204

XYZ

64,70,80

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.7041

Pantone Color

Combinations

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

#ccdedf

#DFCDCC

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

#ccdedf

#DFCCD5

#DFD7CC

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

#ccdedf

#DFCCDE

#DEDFCC

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

#ccdedf

#D7CCDF

#DFCDCC

#D5DFCC

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

#ccdedf

#DFCDCC

#DFCCD5

#DFD7CC

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

#ccdedf

#CCD5DF

#CDCCDF

#D7CCDF

Shades

#ccdedf Light Tints

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

#CCDEDF

#D1E1E2

#D6E5E5

#DBE8E9

#E0EBEC

#E6EFEF

#EBF2F2

#F0F5F5

#F5F8F9

#FAFCFC

#ccdedf Gray Shades

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

#CCDEDF

#C4D5D6

#BDCBCC

#B5C2C3

#AEB8B9

#A6AFB0

#9EA6A6

#979C9D

#8F9393

#88898A

#ccdedf Dark Shades

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

#CCDEDF

#B8C8C9

#A3B2B2

#8F9B9C

#7A8586

#666F70

#525959

#3D4343

#292C2D

#141616

#ccdedf Red Shades

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

#CCDEDF

#D1C8C9

#D6B2B2

#DB9B9C

#E08586

#E66F70

#EB5959

#F04343

#F52C2D

#FA1616

#ccdedf Green Shades

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

#CCDEDF

#B8D5C9

#A3CBB2

#8FC29C

#7AB886

#66AF70

#52A659

#3D9C43

#29932D

#148916

#ccdedf Blue Shades

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

#CCDEDF

#B8C8E2

#A3B2E5

#8F9BE9

#7A85EC

#666FEF

#5259F2

#3D43F5

#292CF9

#1416FC

Readability Analysis

#ccdedf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#ccdedf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d7dadd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0d7e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cddce7`
Protanopia	No red perception - Dichromacy	`#ddd8dc`
Deuteranopia	No green perception - Dichromacy	`#ecd3e1`
Tritanopia	No blue perception - Dichromacy	`#cedbec`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dcdc`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#ccdedf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdedf Light Tints

#ccdedf Gray Shades

#ccdedf Dark Shades

#ccdedf Red Shades

#ccdedf Green Shades

#ccdedf Blue Shades

Readability Analysis

#ccdedf as Text Color

#ccdedf as Background Color

Color Blindness Simulation

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

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

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

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

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

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