0 views

#c2d2dd - Color Information

#c2d2dd

Base Information

HEX

#c2d2dd

RGB

194,210,221

HSL

204,28,81

HSV

204,12,87

CMYK

12,5,0,13

LAB

83,-3,-7

LCH

83,8,246

XYZ

58,63,77

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.6278

Pantone Color

Combinations

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

#c2d2dd

#DDCDC2

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

#c2d2dd

#DDC2C4

#DDDBC2

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

#c2d2dd

#DDC2D2

#D2DDC2

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

#c2d2dd

#DBC2DD

#DDCDC2

#C4DDC2

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

#c2d2dd

#DDCDC2

#DDC2C4

#DDDBC2

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

#c2d2dd

#C2C4DD

#CDC2DD

#DBC2DD

Shades

#c2d2dd Light Tints

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

#C2D2DD

#C8D7E0

#CEDBE4

#D4E0E7

#DAE4EB

#E1E9EE

#E7EDF1

#EDF2F5

#F3F6F8

#F9FBFC

#c2d2dd Gray Shades

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

#C2D2DD

#BBCAD4

#B5C2CA

#AEB9C1

#A8B1B8

#A1A9AF

#9AA1A5

#94999C

#8D9093

#878889

#c2d2dd Dark Shades

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

#C2D2DD

#AFBDC7

#9BA8B1

#88939B

#747E85

#61696F

#4E5458

#3A3F42

#272A2C

#131516

#c2d2dd Red Shades

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

#C2D2DD

#C8BDC7

#CEA8B1

#D4939B

#DA7E85

#E1696F

#E75458

#ED3F42

#F32A2C

#F91516

#c2d2dd Green Shades

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

#C2D2DD

#AFCAC7

#9BC2B1

#88B99B

#74B185

#61A96F

#4EA158

#3A9942

#27902C

#138816

#c2d2dd Blue Shades

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

#C2D2DD

#AFBDE0

#9BA8E4

#8893E7

#747EEB

#6169EE

#4E54F1

#3A3FF5

#272AF8

#1315FC

Readability Analysis

#c2d2dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.56	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

#c2d2dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.56	AAA	Sample Text
Red	2.58	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.55	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cacfdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2ccde`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2d1df`
Protanopia	No red perception - Dichromacy	`#cfcdda`
Deuteranopia	No green perception - Dichromacy	`#dbc8df`
Tritanopia	No blue perception - Dichromacy	`#c2d0e0`
Achromatomaly	Partial color blindness - Monochromacy	`#cbd0d4`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#c2d2dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c2d2dd Light Tints

#c2d2dd Gray Shades

#c2d2dd Dark Shades

#c2d2dd Red Shades

#c2d2dd Green Shades

#c2d2dd Blue Shades

Readability Analysis

#c2d2dd as Text Color

#c2d2dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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