#C2C4B9

#C2C4B9

Color Values

HEX

#C2C4B9

RGB

194, 196, 185

HSL

70.9, 8.5%, 74.7%

HSV

70.9, 5.6%, 76.9%

CMYK

1.0%, 0.0%, 5.6%, 23.1%

OKLCH

0.8156 0.0153 115.1

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#C2C4B9

#BBB9C4

Analogous

#C4C0B9

#BCC4B9

#C2C4B9

Triadic

#C2C4B9

#B9C2C4

#C4B9C2

Split Complementary

#C2C4B9

#B9BCC4

#C0B9C4

Tetradic

#C2C4B9

#B9C4C0

#BBB9C4

#C4B9BC

Color Blindness Simulation

Original

#C2C4B9

Protanopia

#C3C3BC

Deuteranopia

#C3C3BC

Tritanopia

#C2BEBE

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED8
300
#C5C7BD
400
#A6A999
500
#868A75
600
#6C6F5D
700
#56594B
800
#43453A
900
#33342D
950
#20211C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026