0 views

#cdd6dd - Color Information

#cdd6dd

Base Information

HEX

#cdd6dd

RGB

205,214,221

HSL

206,19,84

HSV

206,7,87

CMYK

7,3,0,13

LAB

85,-2,-4

LCH

85,5,249

XYZ

62,66,78

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.6629

Pantone Color

Combinations

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

#cdd6dd

#DDD4CD

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

#cdd6dd

#DDCDCE

#DDDCCD

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

#cdd6dd

#DDCDD6

#D6DDCD

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

#cdd6dd

#DCCDDD

#DDD4CD

#CEDDCD

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

#cdd6dd

#DDD4CD

#DDCDCE

#DDDCCD

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

#cdd6dd

#CDCEDD

#D4CDDD

#DCCDDD

Shades

#cdd6dd Light Tints

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

#CDD6DD

#D2DAE0

#D7DEE4

#DCE2E7

#E1E6EB

#E6EBEE

#EBEFF1

#F0F3F5

#F5F7F8

#FAFBFC

#cdd6dd Gray Shades

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

#CDD6DD

#C5CDD4

#BEC5CA

#B6BCC1

#AEB4B8

#A7ABAF

#9FA2A5

#979A9C

#8F9193

#888989

#cdd6dd Dark Shades

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

#CDD6DD

#B9C1C7

#A4ABB1

#90969B

#7B8085

#676B6F

#525658

#3D4042

#292B2C

#141516

#cdd6dd Red Shades

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

#CDD6DD

#D2C1C7

#D7ABB1

#DC969B

#E18085

#E66B6F

#EB5658

#F04042

#F52B2C

#FA1516

#cdd6dd Green Shades

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

#CDD6DD

#B9CDC7

#A4C5B1

#90BC9B

#7BB485

#67AB6F

#52A258

#3D9A42

#29912C

#148916

#cdd6dd Blue Shades

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

#CDD6DD

#B9C1E0

#A4ABE4

#9096E7

#7B80EB

#676BEE

#5256F1

#3D40F5

#292BF8

#1415FC

Readability Analysis

#cdd6dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.26	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

#cdd6dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.26	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.49	A	Sample Text
Blue	5.83	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2d4db`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbd0de`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cdd4e2`
Protanopia	No red perception - Dichromacy	`#d5d2db`
Deuteranopia	No green perception - Dichromacy	`#e4cddf`
Tritanopia	No blue perception - Dichromacy	`#cdd4e4`
Achromatomaly	Partial color blindness - Monochromacy	`#d2d5d8`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#cdd6dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cdd6dd Light Tints

#cdd6dd Gray Shades

#cdd6dd Dark Shades

#cdd6dd Red Shades

#cdd6dd Green Shades

#cdd6dd Blue Shades

Readability Analysis

#cdd6dd as Text Color

#cdd6dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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