0 views

#c2d2cc - Color Information

#c2d2cc

Base Information

HEX

#c2d2cc

RGB

194,210,204

HSL

158,15,79

HSV

158,8,82

CMYK

8,0,3,18

LAB

83,-7,1

LCH

83,7,170

XYZ

56,62,66

Web Safe

#cccccc

Web Smart

#bbcccc

is dark

luminosity

0.6192

Pantone Color

Combinations

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

#c2d2cc

#D2C2C8

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

#c2d2cc

#D2C2D0

#D2C4C2

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

#c2d2cc

#CCC2D2

#D2CCC2

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

#c2d2cc

#C4C2D2

#D2C2C8

#D0D2C2

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

#c2d2cc

#D2C2C8

#D2C2D0

#D2C4C2

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

#c2d2cc

#C2D0D2

#C2C8D2

#C4C2D2

Shades

#c2d2cc Light Tints

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

#C2D2CC

#C8D7D1

#CEDBD6

#D4E0DB

#DAE4E0

#E1E9E6

#E7EDEB

#EDF2F0

#F3F6F5

#F9FBFA

#c2d2cc Gray Shades

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

#C2D2CC

#BBCAC4

#B5C2BD

#AEB9B5

#A8B1AE

#A1A9A6

#9AA19E

#949997

#8D908F

#878888

#c2d2cc Dark Shades

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

#C2D2CC

#AFBDB8

#9BA8A3

#88938F

#747E7A

#616966

#4E5452

#3A3F3D

#272A29

#131514

#c2d2cc Red Shades

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

#C2D2CC

#C8BDB8

#CEA8A3

#D4938F

#DA7E7A

#E16966

#E75452

#ED3F3D

#F32A29

#F91514

#c2d2cc Green Shades

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

#C2D2CC

#AFCAB8

#9BC2A3

#88B98F

#74B17A

#61A966

#4EA152

#3A993D

#279029

#138814

#c2d2cc Blue Shades

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

#C2D2CC

#AFBDD1

#9BA8D6

#8893DB

#747EE0

#6169E6

#4E54EB

#3A3FF0

#272AF5

#1315FA

Readability Analysis

#c2d2cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.38	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.48	AA	Sample Text

#c2d2cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.38	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.48	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ccceca`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d6cbcd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c4cfd7`
Protanopia	No red perception - Dichromacy	`#d2ccc8`
Deuteranopia	No green perception - Dichromacy	`#e1c7ce`
Tritanopia	No blue perception - Dichromacy	`#c4cede`
Achromatomaly	Partial color blindness - Monochromacy	`#cad0cd`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#c2d2cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c2d2cc Light Tints

#c2d2cc Gray Shades

#c2d2cc Dark Shades

#c2d2cc Red Shades

#c2d2cc Green Shades

#c2d2cc Blue Shades

Readability Analysis

#c2d2cc as Text Color

#c2d2cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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