0 views

#ccc8dc - Color Information

#ccc8dc

Base Information

HEX

#ccc8dc

RGB

204,200,220

HSL

252,22,82

HSV

252,9,86

CMYK

7,9,0,14

LAB

81,5,-9

LCH

81,11,299

XYZ

58,59,76

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.5931

Pantone Color

Combinations

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

#ccc8dc

#D8DCC8

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

#ccc8dc

#DCD6C8

#CEDCC8

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

#ccc8dc

#DCCCC8

#C8DCCC

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

#ccc8dc

#DCC8CE

#D8DCC8

#C8DCD6

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

#ccc8dc

#D8DCC8

#DCD6C8

#CEDCC8

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

#ccc8dc

#D6C8DC

#DCC8D8

#DCC8CE

Shades

#ccc8dc Light Tints

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

#CCC8DC

#D1CEE0

#D6D3E3

#DBD9E7

#E0DEEA

#E6E4EE

#EBE9F1

#F0EFF5

#F5F4F8

#FAFAFC

#ccc8dc Gray Shades

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

#CCC8DC

#C4C1D3

#BDBACA

#B5B2C0

#AEABB7

#A6A4AE

#9E9DA5

#97969C

#8F8E92

#888789

#ccc8dc Dark Shades

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

#CCC8DC

#B8B4C6

#A3A0B0

#8F8C9A

#7A7884

#66646E

#525058

#3D3C42

#29282C

#141416

#ccc8dc Red Shades

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

#CCC8DC

#D1B4C6

#D6A0B0

#DB8C9A

#E07884

#E6646E

#EB5058

#F03C42

#F5282C

#FA1416

#ccc8dc Green Shades

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

#CCC8DC

#B8C1C6

#A3BAB0

#8FB29A

#7AAB84

#66A46E

#529D58

#3D9642

#298E2C

#148716

#ccc8dc Blue Shades

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

#CCC8DC

#B8B4E0

#A3A0E3

#8F8CE7

#7A78EA

#6664EE

#5250F1

#3D3CF5

#2928F8

#1414FC

Readability Analysis

#ccc8dc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.86	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.26	AA	Sample Text

#ccc8dc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.86	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9c8dc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d1c5dc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbc8d9`
Protanopia	No red perception - Dichromacy	`#c7c8dc`
Deuteranopia	No green perception - Dichromacy	`#d4c4dc`
Tritanopia	No blue perception - Dichromacy	`#cac7d7`
Achromatomaly	Partial color blindness - Monochromacy	`#cbc9d1`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccc8dc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc8dc Light Tints

#ccc8dc Gray Shades

#ccc8dc Dark Shades

#ccc8dc Red Shades

#ccc8dc Green Shades

#ccc8dc Blue Shades

Readability Analysis

#ccc8dc as Text Color

#ccc8dc as Background Color

Color Blindness Simulation

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

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

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

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

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

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