0 views

#ccdcdd - Color Information

#ccdcdd

Base Information

HEX

#ccdcdd

RGB

204,220,221

HSL

184,20,83

HSV

184,8,87

CMYK

8,0,0,13

LAB

87,-5,-2

LCH

87,6,204

XYZ

64,69,78

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.6924

Pantone Color

Combinations

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

#ccdcdd

#DDCDCC

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

#ccdcdd

#DDCCD4

#DDD6CC

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

#ccdcdd

#DDCCDC

#DCDDCC

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

#ccdcdd

#D6CCDD

#DDCDCC

#D4DDCC

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

#ccdcdd

#DDCDCC

#DDCCD4

#DDD6CC

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

#ccdcdd

#CCD4DD

#CDCCDD

#D6CCDD

Shades

#ccdcdd Light Tints

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

#CCDCDD

#D1E0E0

#D6E3E4

#DBE7E7

#E0EAEB

#E6EEEE

#EBF1F1

#F0F5F5

#F5F8F8

#FAFCFC

#ccdcdd Gray Shades

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

#CCDCDD

#C4D3D4

#BDCACA

#B5C0C1

#AEB7B8

#A6AEAF

#9EA5A5

#979C9C

#8F9293

#888989

#ccdcdd Dark Shades

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

#CCDCDD

#B8C6C7

#A3B0B1

#8F9A9B

#7A8485

#666E6F

#525858

#3D4242

#292C2C

#141616

#ccdcdd Red Shades

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

#CCDCDD

#D1C6C7

#D6B0B1

#DB9A9B

#E08485

#E66E6F

#EB5858

#F04242

#F52C2C

#FA1616

#ccdcdd Green Shades

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

#CCDCDD

#B8D3C7

#A3CAB1

#8FC09B

#7AB785

#66AE6F

#52A558

#3D9C42

#29922C

#148916

#ccdcdd Blue Shades

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

#CCDCDD

#B8C6E0

#A3B0E4

#8F9AE7

#7A84EB

#666EEE

#5258F1

#3D42F5

#292CF8

#1416FC

Readability Analysis

#ccdcdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.85	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.08	AA	Sample Text

#ccdcdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.85	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d6d9db`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dfd5de`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cddae5`
Protanopia	No red perception - Dichromacy	`#dbd7da`
Deuteranopia	No green perception - Dichromacy	`#ead1df`
Tritanopia	No blue perception - Dichromacy	`#cdd9ea`
Achromatomaly	Partial color blindness - Monochromacy	`#d4dada`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#ccdcdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdcdd Light Tints

#ccdcdd Gray Shades

#ccdcdd Dark Shades

#ccdcdd Red Shades

#ccdcdd Green Shades

#ccdcdd Blue Shades

Readability Analysis

#ccdcdd as Text Color

#ccdcdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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