#C2CDBF

#C2CDBF

Color Values

HEX

#C2CDBF

RGB

194, 205, 191

HSL

107.1, 12.3%, 77.6%

HSV

107.1, 6.8%, 80.4%

CMYK

5.4%, 0.0%, 6.8%, 19.6%

OKLCH

0.8359 0.0226 139.0

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C2CDBF

#CABFCD

Analogous

#C9CDBF

#BFCDC3

#C2CDBF

Triadic

#C2CDBF

#BFC2CD

#CDBFC2

Split Complementary

#C2CDBF

#C3BFCD

#CDBFC9

Tetradic

#C2CDBF

#BFC9CD

#CABFCD

#CDC3BF

Color Blindness Simulation

Original

#C2CDBF

Protanopia

#C7C7C2

Deuteranopia

#C6C5C3

Tritanopia

#C3C5C6

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9E0D7
300
#BEC9BA
400
#9AAC95
500
#778F70
600
#5F7359
700
#4C5C48
800
#3B4838
900
#2D362B
950
#1D221B

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.78: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