#C7D4CB

#C7D4CB

Color Values

HEX

#C7D4CB

RGB

199, 212, 203

HSL

138.5, 13.1%, 80.6%

HSV

138.5, 6.1%, 83.1%

CMYK

6.1%, 0.0%, 4.2%, 16.9%

OKLCH

0.8575 0.0187 155.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C7D4CB

#D4C7D0

Analogous

#CAD4C7

#C7D4D2

#C7D4CB

Triadic

#C7D4CB

#CBC7D4

#D4CBC7

Split Complementary

#C7D4CB

#D2C7D4

#D4C7CA

Tetradic

#C7D4CB

#C7CAD4

#D4C7D0

#D4D2C7

Color Blindness Simulation

Original

#C7D4CB

Protanopia

#CDCDCD

Deuteranopia

#CCCBCE

Tritanopia

#C8CFCF

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D7E0DA
300
#BACABF
400
#94AD9C
500
#6F9079
600
#597361
700
#475C4E
800
#37483D
900
#2B362E
950
#1B221D

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026