0 views

#ccdfd6 - Color Information

#ccdfd6

Base Information

HEX

#ccdfd6

RGB

204,223,214

HSL

152,23,84

HSV

152,9,87

CMYK

9,0,4,13

LAB

87,-8,2

LCH

87,8,164

XYZ

63,70,74

Web Safe

#cccccc

Web Smart

#ccdddd

is dark

luminosity

0.7047

Pantone Color

Combinations

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

#ccdfd6

#DFCCD5

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

#ccdfd6

#DFCCDF

#DFCDCC

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

#ccdfd6

#D6CCDF

#DFD6CC

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

#ccdfd6

#CDCCDF

#DFCCD5

#DFDFCC

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

#ccdfd6

#DFCCD5

#DFCCDF

#DFCDCC

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

#ccdfd6

#CCDFDF

#CCD5DF

#CDCCDF

Shades

#ccdfd6 Light Tints

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

#CCDFD6

#D1E2DA

#D6E5DE

#DBE9E2

#E0ECE6

#E6EFEB

#EBF2EF

#F0F5F3

#F5F9F7

#FAFCFB

#ccdfd6 Gray Shades

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

#CCDFD6

#C4D6CD

#BDCCC5

#B5C3BC

#AEB9B4

#A6B0AB

#9EA6A2

#979D9A

#8F9391

#888A89

#ccdfd6 Dark Shades

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

#CCDFD6

#B8C9C1

#A3B2AB

#8F9C96

#7A8680

#66706B

#525956

#3D4340

#292D2B

#141615

#ccdfd6 Red Shades

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

#CCDFD6

#D1C9C1

#D6B2AB

#DB9C96

#E08680

#E6706B

#EB5956

#F04340

#F52D2B

#FA1615

#ccdfd6 Green Shades

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

#CCDFD6

#B8D6C1

#A3CCAB

#8FC396

#7AB980

#66B06B

#52A656

#3D9D40

#29932B

#148A15

#ccdfd6 Blue Shades

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

#CCDFD6

#B8C9DA

#A3B2DE

#8F9CE2

#7A86E6

#6670EB

#5259EF

#3D43F3

#292DF7

#1416FB

Readability Analysis

#ccdfd6 as Text Color

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

#ccdfd6 as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8dbd3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e3d7d8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cedce4`
Protanopia	No red perception - Dichromacy	`#dfd8d2`
Deuteranopia	No green perception - Dichromacy	`#f0d2d9`
Tritanopia	No blue perception - Dichromacy	`#cfdbec`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dcd9`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#ccdfd6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccdfd6 Light Tints

#ccdfd6 Gray Shades

#ccdfd6 Dark Shades

#ccdfd6 Red Shades

#ccdfd6 Green Shades

#ccdfd6 Blue Shades

Readability Analysis

#ccdfd6 as Text Color

#ccdfd6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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