0 views

#ccc8dd - Color Information

#ccc8dd

Base Information

HEX

#ccc8dd

RGB

204,200,221

HSL

251,24,83

HSV

251,10,87

CMYK

8,10,0,13

LAB

81,5,-10

LCH

81,11,298

XYZ

59,59,77

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.5937

Pantone Color

Combinations

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

#ccc8dd

#D9DDC8

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

#ccc8dd

#DDD7C8

#CEDDC8

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

#ccc8dd

#DDCCC8

#C8DDCC

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

#ccc8dd

#DDC8CE

#D9DDC8

#C8DDD7

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

#ccc8dd

#D9DDC8

#DDD7C8

#CEDDC8

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

#ccc8dd

#D7C8DD

#DDC8D9

#DDC8CE

Shades

#ccc8dd Light Tints

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

#CCC8DD

#D1CEE0

#D6D3E4

#DBD9E7

#E0DEEB

#E6E4EE

#EBE9F1

#F0EFF5

#F5F4F8

#FAFAFC

#ccc8dd Gray Shades

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

#CCC8DD

#C4C1D4

#BDBACA

#B5B2C1

#AEABB8

#A6A4AF

#9E9DA5

#97969C

#8F8E93

#888789

#ccc8dd Dark Shades

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

#CCC8DD

#B8B4C7

#A3A0B1

#8F8C9B

#7A7885

#66646F

#525058

#3D3C42

#29282C

#141416

#ccc8dd Red Shades

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

#CCC8DD

#D1B4C7

#D6A0B1

#DB8C9B

#E07885

#E6646F

#EB5058

#F03C42

#F5282C

#FA1416

#ccc8dd Green Shades

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

#CCC8DD

#B8C1C7

#A3BAB1

#8FB29B

#7AAB85

#66A46F

#529D58

#3D9642

#298E2C

#148716

#ccc8dd Blue Shades

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

#CCC8DD

#B8B4E0

#A3A0E4

#8F8CE7

#7A78EB

#6664EE

#5250F1

#3D3CF5

#2928F8

#1414FC

Readability Analysis

#ccc8dd as Text Color

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

#ccc8dd as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9c8dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d1c5dd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbc8d9`
Protanopia	No red perception - Dichromacy	`#c7c8dd`
Deuteranopia	No green perception - Dichromacy	`#d4c4dd`
Tritanopia	No blue perception - Dichromacy	`#cac8d7`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcad1`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccc8dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc8dd Light Tints

#ccc8dd Gray Shades

#ccc8dd Dark Shades

#ccc8dd Red Shades

#ccc8dd Green Shades

#ccc8dd Blue Shades

Readability Analysis

#ccc8dd as Text Color

#ccc8dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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