0 views

#cccddc - Color Information

#cccddc

Base Information

HEX

#cccddc

RGB

204,205,220

HSL

236,19,83

HSV

236,7,86

CMYK

7,7,0,14

LAB

83,2,-8

LCH

83,8,288

XYZ

60,62,76

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.6167

Pantone Color

Combinations

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

#cccddc

#DCDBCC

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

#cccddc

#DCD3CC

#D5DCCC

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

#cccddc

#DCCCCD

#CDDCCC

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

#cccddc

#DCCCD5

#DCDBCC

#CCDCD3

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

#cccddc

#DCDBCC

#DCD3CC

#D5DCCC

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

#cccddc

#D3CCDC

#DBCCDC

#DCCCD5

Shades

#cccddc Light Tints

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

#CCCDDC

#D1D2E0

#D6D7E3

#DBDCE7

#E0E1EA

#E6E6EE

#EBEBF1

#F0F0F5

#F5F5F8

#FAFAFC

#cccddc Gray Shades

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

#CCCDDC

#C4C5D3

#BDBECA

#B5B6C0

#AEAEB7

#A6A7AE

#9E9FA5

#97979C

#8F8F92

#888889

#cccddc Dark Shades

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

#CCCDDC

#B8B9C6

#A3A4B0

#8F909A

#7A7B84

#66676E

#525258

#3D3D42

#29292C

#141416

#cccddc Red Shades

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

#CCCDDC

#D1B9C6

#D6A4B0

#DB909A

#E07B84

#E6676E

#EB5258

#F03D42

#F5292C

#FA1416

#cccddc Green Shades

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

#CCCDDC

#B8C5C6

#A3BEB0

#8FB69A

#7AAE84

#66A76E

#529F58

#3D9742

#298F2C

#148816

#cccddc Blue Shades

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

#CCCDDC

#B8B9E0

#A3A4E3

#8F90E7

#7A7BEA

#6667EE

#5252F1

#3D3DF5

#2929F8

#1414FC

Readability Analysis

#cccddc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.33	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.46	AA	Sample Text

#cccddc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.33	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.46	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ccccdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d5c9dc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbccdc`
Protanopia	No red perception - Dichromacy	`#cccbdb`
Deuteranopia	No green perception - Dichromacy	`#dac7dd`
Tritanopia	No blue perception - Dichromacy	`#cbccdc`
Achromatomaly	Partial color blindness - Monochromacy	`#cdced3`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#cccddc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cccddc Light Tints

#cccddc Gray Shades

#cccddc Dark Shades

#cccddc Red Shades

#cccddc Green Shades

#cccddc Blue Shades

Readability Analysis

#cccddc as Text Color

#cccddc as Background Color

Color Blindness Simulation

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

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

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

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

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

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