0 views

#c4dfd3 - Color Information

#c4dfd3

Base Information

HEX

#c4dfd3

RGB

196,223,211

HSL

153,30,82

HSV

153,12,87

CMYK

12,0,5,13

LAB

87,-11,3

LCH

87,12,166

XYZ

61,69,72

Web Safe

#cccccc

Web Smart

#ccddcc

is dark

luminosity

0.6921

Pantone Color

Combinations

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

#c4dfd3

#DFC4D0

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

#c4dfd3

#DFC4DE

#DFC5C4

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

#c4dfd3

#D3C4DF

#DFD3C4

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

#c4dfd3

#C5C4DF

#DFC4D0

#DEDFC4

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

#c4dfd3

#DFC4D0

#DFC4DE

#DFC5C4

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

#c4dfd3

#C4DEDF

#C4D0DF

#C5C4DF

Shades

#c4dfd3 Light Tints

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

#C4DFD3

#CAE2D7

#D0E5DC

#D6E9E0

#DCECE5

#E2EFE9

#E7F2ED

#EDF5F2

#F3F9F6

#F9FCFB

#c4dfd3 Gray Shades

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

#C4DFD3

#BDD6CB

#B6CCC2

#B0C3BA

#A9B9B2

#A2B0AA

#9BA6A1

#949D99

#8E9391

#878A88

#c4dfd3 Dark Shades

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

#C4DFD3

#B0C9BE

#9DB2A9

#899C94

#76867F

#62706A

#4E5954

#3B433F

#272D2A

#141615

#c4dfd3 Red Shades

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

#C4DFD3

#CAC9BE

#D0B2A9

#D69C94

#DC867F

#E2706A

#E75954

#ED433F

#F32D2A

#F91615

#c4dfd3 Green Shades

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

#C4DFD3

#B0D6BE

#9DCCA9

#89C394

#76B97F

#62B06A

#4EA654

#3B9D3F

#27932A

#148A15

#c4dfd3 Blue Shades

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

#C4DFD3

#B0C9D7

#9DB2DC

#899CE0

#7686E5

#6270E9

#4E59ED

#3B43F2

#272DF6

#1416FB

Readability Analysis

#c4dfd3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.84	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	AA	Sample Text

#c4dfd3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.84	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d5dad0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dfd6d5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c6dce2`
Protanopia	No red perception - Dichromacy	`#ded7ce`
Deuteranopia	No green perception - Dichromacy	`#eed1d6`
Tritanopia	No blue perception - Dichromacy	`#c8daeb`
Achromatomaly	Partial color blindness - Monochromacy	`#d1dbd6`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#c4dfd3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c4dfd3 Light Tints

#c4dfd3 Gray Shades

#c4dfd3 Dark Shades

#c4dfd3 Red Shades

#c4dfd3 Green Shades

#c4dfd3 Blue Shades

Readability Analysis

#c4dfd3 as Text Color

#c4dfd3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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