0 views

#ccd5db - Color Information

#ccd5db

Base Information

HEX

#ccd5db

RGB

204,213,219

HSL

204,17,83

HSV

204,7,86

CMYK

7,3,0,14

LAB

85,-2,-4

LCH

85,4,245

XYZ

61,66,76

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.6554

Pantone Color

Combinations

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

#ccd5db

#DBD2CC

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

#ccd5db

#DBCCCE

#DBD9CC

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

#ccd5db

#DBCCD5

#D5DBCC

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

#ccd5db

#D9CCDB

#DBD2CC

#CEDBCC

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

#ccd5db

#DBD2CC

#DBCCCE

#DBD9CC

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

#ccd5db

#CCCEDB

#D2CCDB

#D9CCDB

Shades

#ccd5db Light Tints

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

#CCD5DB

#D1D9DF

#D6DDE2

#DBE2E6

#E0E6E9

#E6EAED

#EBEEF1

#F0F2F4

#F5F7F8

#FAFBFB

#ccd5db Gray Shades

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

#CCD5DB

#C4CDD2

#BDC4C9

#B5BCC0

#AEB3B7

#A6ABAE

#9EA2A4

#979A9B

#8F9192

#888989

#ccd5db Dark Shades

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

#CCD5DB

#B8C0C5

#A3AAAF

#8F9599

#7A8083

#666B6E

#525558

#3D4042

#292B2C

#141516

#ccd5db Red Shades

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

#CCD5DB

#D1C0C5

#D6AAAF

#DB9599

#E08083

#E66B6E

#EB5558

#F04042

#F52B2C

#FA1516

#ccd5db Green Shades

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

#CCD5DB

#B8CDC5

#A3C4AF

#8FBC99

#7AB383

#66AB6E

#52A258

#3D9A42

#29912C

#148916

#ccd5db Blue Shades

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

#CCD5DB

#B8C0DF

#A3AAE2

#8F95E6

#7A80E9

#666BED

#5255F1

#3D40F4

#292BF8

#1415FB

Readability Analysis

#ccd5db as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.11	AAA	Sample Text
Red	2.69	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

#ccd5db as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.11	AAA	Sample Text
Red	2.69	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d1d3d9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbcfdc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ccd3e0`
Protanopia	No red perception - Dichromacy	`#d4d1d9`
Deuteranopia	No green perception - Dichromacy	`#e3ccdd`
Tritanopia	No blue perception - Dichromacy	`#ccd2e3`
Achromatomaly	Partial color blindness - Monochromacy	`#d1d4d6`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#ccd5db - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd5db Light Tints

#ccd5db Gray Shades

#ccd5db Dark Shades

#ccd5db Red Shades

#ccd5db Green Shades

#ccd5db Blue Shades

Readability Analysis

#ccd5db as Text Color

#ccd5db as Background Color

Color Blindness Simulation

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

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

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

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

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

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