#C7CDBC

#C7CDBC

Color Values

HEX

#C7CDBC

RGB

199, 205, 188

HSL

81,2, 14,5%, 77,1%

HSV

81,2, 8,3%, 80,4%

CMYK

2,9%, 0,0%, 8,3%, 19,6%

OKLCH

0,8389 0,0241 122,8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C7CDBC

#C2BCCD

Analogous

#CDCBBC

#BFCDBC

#C7CDBC

Triadic

#C7CDBC

#BCC7CD

#CDBCC7

Split Complementary

#C7CDBC

#BCBFCD

#CBBCCD

Tetradic

#C7CDBC

#BCCDCB

#C2BCCD

#CDBCBF

Color Blindness Simulation

Original

#C7CDBC

Protanopia

#CACAC0

Deuteranopia

#C9C9C1

Tritanopia

#C7C3C4

Achromatopsia

#CACACA

CSS Usage

background-color: #C7CDBC;
color: #C7CDBC;
border-color: #C7CDBC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE0D6
300
#C4CBB9
400
#A5AE93
500
#85926D
600
#6A7557
700
#555D46
800
#424937
900
#32372A
950
#20231B

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026