0 views

#ccd4cb - Color Information

#ccd4cb

Base Information

HEX

#ccd4cb

RGB

204,212,203

HSL

113,9,81

HSV

113,4,83

CMYK

4,0,4,17

LAB

84,-4,4

LCH

84,6,141

XYZ

59,64,66

Web Safe

#cccccc

Web Smart

#cccccc

is dark

luminosity

0.6424

Pantone Color

Combinations

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

#ccd4cb

#D3CBD4

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

#ccd4cb

#CECBD4

#D4CBD1

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

#ccd4cb

#CBCCD4

#D4CBCC

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

#ccd4cb

#CBD1D4

#D3CBD4

#D4CECB

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

#ccd4cb

#D3CBD4

#CECBD4

#D4CBD1

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

#ccd4cb

#CBD4CE

#CBD4D3

#CBD1D4

Shades

#ccd4cb Light Tints

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

#CCD4CB

#D1D8D0

#D6DDD5

#DBE1DB

#E0E5E0

#E6EAE5

#EBEEEA

#F0F2EF

#F5F6F5

#FAFBFA

#ccd4cb Gray Shades

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

#CCD4CB

#C4CCC4

#BDC3BC

#B5BBB5

#AEB2AD

#A6AAA6

#9EA29E

#979997

#8F918F

#888888

#ccd4cb Dark Shades

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

#CCD4CB

#B8BFB7

#A3AAA2

#8F948E

#7A7F7A

#666A66

#525551

#3D403D

#292A29

#141514

#ccd4cb Red Shades

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

#CCD4CB

#D1BFB7

#D6AAA2

#DB948E

#E07F7A

#E66A66

#EB5551

#F0403D

#F52A29

#FA1514

#ccd4cb Green Shades

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

#CCD4CB

#B8CCB7

#A3C3A2

#8FBB8E

#7AB27A

#66AA66

#52A251

#3D993D

#299129

#148814

#ccd4cb Blue Shades

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

#CCD4CB

#B8BFD0

#A3AAD5

#8F94DB

#7A7FE0

#666AE5

#5255EA

#3D40EF

#292AF5

#1415FA

Readability Analysis

#ccd4cb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.85	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

#ccd4cb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.85	AAA	Sample Text
Red	2.64	Fail	Sample Text
Green	3.39	A	Sample Text
Blue	5.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d3d1c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ddcdcc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ced1d8`
Protanopia	No red perception - Dichromacy	`#d6d0c8`
Deuteranopia	No green perception - Dichromacy	`#e7cacd`
Tritanopia	No blue perception - Dichromacy	`#cfcfe0`
Achromatomaly	Partial color blindness - Monochromacy	`#d0d3cf`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#ccd4cb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd4cb Light Tints

#ccd4cb Gray Shades

#ccd4cb Dark Shades

#ccd4cb Red Shades

#ccd4cb Green Shades

#ccd4cb Blue Shades

Readability Analysis

#ccd4cb as Text Color

#ccd4cb as Background Color

Color Blindness Simulation

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

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

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

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

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

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