#C4CCC8

#C4CCC8

Color Values

HEX

#C4CCC8

RGB

196, 204, 200

HSL

150.0, 7.3%, 78.4%

HSV

150.0, 3.9%, 80.0%

CMYK

3.9%, 0.0%, 2.0%, 20.0%

OKLCH

0.8379 0.0103 164.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C4CCC8

#CCC4C8

Analogous

#C4CCC4

#C4CCCC

#C4CCC8

Triadic

#C4CCC8

#C8C4CC

#CCC8C4

Split Complementary

#C4CCC8

#CCC4CC

#CCC4C4

Tetradic

#C4CCC8

#C4C4CC

#CCC4C8

#CCCCC4

Color Blindness Simulation

Original

#C4CCC8

Protanopia

#C7C8C9

Deuteranopia

#C7C6C9

Tritanopia

#C4CACA

Achromatopsia

#CACACA

CSS Usage

background-color: #C4CCC8;
color: #C4CCC8;
border-color: #C4CCC8;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDB
300
#BDC6C2
400
#9AA8A1
500
#768980
600
#5F6D66
700
#4C5852
800
#3B4440
900
#2D3430
950
#1D211F

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.82:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026