0 views

#ccd3cc - Color Information

#ccd3cc

Base Information

HEX

#ccd3cc

RGB

204,211,204

HSL

120,7,81

HSV

120,3,83

CMYK

3,0,3,17

LAB

84,-4,3

LCH

84,5,144

XYZ

59,64,66

Web Safe

#cccccc

Web Smart

#cccccc

is dark

luminosity

0.6379

Pantone Color

Combinations

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

#ccd3cc

#D3CCD3

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

#ccd3cc

#D0CCD3

#D3CCD0

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

#ccd3cc

#CCCCD3

#D3CCCC

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

#ccd3cc

#CCD0D3

#D3CCD3

#D3D0CC

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

#ccd3cc

#D3CCD3

#D0CCD3

#D3CCD0

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

#ccd3cc

#CCD3D0

#CCD3D3

#CCD0D3

Shades

#ccd3cc Light Tints

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

#CCD3CC

#D1D7D1

#D6DCD6

#DBE0DB

#E0E5E0

#E6E9E6

#EBEDEB

#F0F2F0

#F5F6F5

#FAFBFA

#ccd3cc Gray Shades

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

#CCD3CC

#C4CBC4

#BDC2BD

#B5BAB5

#AEB2AE

#A6AAA6

#9EA19E

#979997

#8F918F

#888888

#ccd3cc Dark Shades

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

#CCD3CC

#B8BEB8

#A3A9A3

#8F948F

#7A7F7A

#666A66

#525452

#3D3F3D

#292A29

#141514

#ccd3cc Red Shades

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

#CCD3CC

#D1BEB8

#D6A9A3

#DB948F

#E07F7A

#E66A66

#EB5452

#F03F3D

#F52A29

#FA1514

#ccd3cc Green Shades

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

#CCD3CC

#B8CBB8

#A3C2A3

#8FBA8F

#7AB27A

#66AA66

#52A152

#3D993D

#299129

#148814

#ccd3cc Blue Shades

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

#CCD3CC

#B8BED1

#A3A9D6

#8F94DB

#7A7FE0

#666AE6

#5254EB

#3D3FF0

#292AF5

#1415FA

Readability Analysis

#ccd3cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.76	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.37	A	Sample Text
Blue	5.63	AA	Sample Text

#ccd3cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.76	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.37	A	Sample Text
Blue	5.63	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2d0ca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dccdcd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ced0d8`
Protanopia	No red perception - Dichromacy	`#d5cfc9`
Deuteranopia	No green perception - Dichromacy	`#e6c9ce`
Tritanopia	No blue perception - Dichromacy	`#cecfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#cfd2cf`
Achromatopsia	Complete color blindness - Monochromacy	`#d1d1d1`

#ccd3cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd3cc Light Tints

#ccd3cc Gray Shades

#ccd3cc Dark Shades

#ccd3cc Red Shades

#ccd3cc Green Shades

#ccd3cc Blue Shades

Readability Analysis

#ccd3cc as Text Color

#ccd3cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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