0 views

#ccc9dd - Color Information

#ccc9dd

Base Information

HEX

#ccc9dd

RGB

204,201,221

HSL

249,23,83

HSV

249,9,87

CMYK

8,9,0,13

LAB

82,5,-10

LCH

82,11,297

XYZ

59,60,77

Web Safe

#cccccc

Web Smart

#ccccdd

is dark

luminosity

0.5983

Pantone Color

Combinations

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

#ccc9dd

#DADDC9

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

#ccc9dd

#DDD6C9

#D0DDC9

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

#ccc9dd

#DDCCC9

#C9DDCC

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

#ccc9dd

#DDC9D0

#DADDC9

#C9DDD6

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

#ccc9dd

#DADDC9

#DDD6C9

#D0DDC9

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

#ccc9dd

#D6C9DD

#DDC9DA

#DDC9D0

Shades

#ccc9dd Light Tints

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

#CCC9DD

#D1CEE0

#D6D4E4

#DBD9E7

#E0DFEB

#E6E4EE

#EBE9F1

#F0EFF5

#F5F4F8

#FAFAFC

#ccc9dd Gray Shades

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

#CCC9DD

#C4C2D4

#BDBACA

#B5B3C1

#AEACB8

#A6A5AF

#9E9DA5

#97969C

#8F8F93

#888789

#ccc9dd Dark Shades

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

#CCC9DD

#B8B5C7

#A3A1B1

#8F8D9B

#7A7985

#66656F

#525058

#3D3C42

#29282C

#141416

#ccc9dd Red Shades

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

#CCC9DD

#D1B5C7

#D6A1B1

#DB8D9B

#E07985

#E6656F

#EB5058

#F03C42

#F5282C

#FA1416

#ccc9dd Green Shades

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

#CCC9DD

#B8C2C7

#A3BAB1

#8FB39B

#7AAC85

#66A56F

#529D58

#3D9642

#298F2C

#148716

#ccc9dd Blue Shades

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

#CCC9DD

#B8B5E0

#A3A1E4

#8F8DE7

#7A79EB

#6665EE

#5250F1

#3D3CF5

#2928F8

#1414FC

Readability Analysis

#ccc9dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.97	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.17	A	Sample Text
Blue	5.31	AA	Sample Text

#ccc9dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.97	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.17	A	Sample Text
Blue	5.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c9c9dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2c6dd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cbc9da`
Protanopia	No red perception - Dichromacy	`#c8c9dd`
Deuteranopia	No green perception - Dichromacy	`#d5c4dd`
Tritanopia	No blue perception - Dichromacy	`#cac8d8`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcad2`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#ccc9dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccc9dd Light Tints

#ccc9dd Gray Shades

#ccc9dd Dark Shades

#ccc9dd Red Shades

#ccc9dd Green Shades

#ccc9dd Blue Shades

Readability Analysis

#ccc9dd as Text Color

#ccc9dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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