0 views

#ccdfd5 - Color Information

#ccdfd5

Base Information

HEX

#ccdfd5

RGB

204,223,213

HSL

148,23,84

HSV

148,9,87

CMYK

9,0,4,13

LAB

87,-8,3

LCH

87,9,162

XYZ

63,70,73

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.7042

Pantone Color

Combinations

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

#ccdfd5

#DFCCD6

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

#ccdfd5

#DFCCDF

#DFCCCD

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

#ccdfd5

#D5CCDF

#DFD5CC

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

#ccdfd5

#CCCDDF

#DFCCD6

#DFDFCC

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

#ccdfd5

#DFCCD6

#DFCCDF

#DFCCCD

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

#ccdfd5

#CCDFDF

#CCD6DF

#CCCDDF

Shades

#ccdfd5 Light Tints

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

#CCDFD5

#D1E2D9

#D6E5DD

#DBE9E2

#E0ECE6

#E6EFEA

#EBF2EE

#F0F5F2

#F5F9F7

#FAFCFB

#ccdfd5 Gray Shades

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

#CCDFD5

#C4D6CD

#BDCCC4

#B5C3BC

#AEB9B3

#A6B0AB

#9EA6A2

#979D9A

#8F9391

#888A89

#ccdfd5 Dark Shades

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

#CCDFD5

#B8C9C0

#A3B2AA

#8F9C95

#7A8680

#66706B

#525955

#3D4340

#292D2B

#141615

#ccdfd5 Red Shades

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

#CCDFD5

#D1C9C0

#D6B2AA

#DB9C95

#E08680

#E6706B

#EB5955

#F04340

#F52D2B

#FA1615

#ccdfd5 Green Shades

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

#CCDFD5

#B8D6C0

#A3CCAA

#8FC395

#7AB980

#66B06B

#52A655

#3D9D40

#29932B

#148A15

#ccdfd5 Blue Shades

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

#CCDFD5

#B8C9D9

#A3B2DD

#8F9CE2

#7A86E6

#6670EA

#5259EE

#3D43F2

#292DF7

#1416FB

Readability Analysis

#ccdfd5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#ccdfd5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8dbd2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e3d7d7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cedce3`
Protanopia	No red perception - Dichromacy	`#dfd8d1`
Deuteranopia	No green perception - Dichromacy	`#f0d2d8`
Tritanopia	No blue perception - Dichromacy	`#cfdaec`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dcd8`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#ccdfd5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdfd5 Light Tints

#ccdfd5 Gray Shades

#ccdfd5 Dark Shades

#ccdfd5 Red Shades

#ccdfd5 Green Shades

#ccdfd5 Blue Shades

Readability Analysis

#ccdfd5 as Text Color

#ccdfd5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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