#CFC09C

#CFC09C

Color Values

HEX

#CFC09C

RGB

207, 192, 156

HSL

42.4, 34.7%, 71.2%

HSV

42.4, 24.6%, 81.2%

CMYK

0.0%, 7.2%, 24.6%, 18.8%

OKLCH

0.8111 0.0513 88.1

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CFC09C

#9CABCF

Analogous

#CFA79C

#C5CF9C

#CFC09C

Triadic

#CFC09C

#9CCFC0

#C09CCF

Split Complementary

#CFC09C

#9CC5CF

#A79CCF

Tetradic

#CFC09C

#9CCFA7

#9CABCF

#CF9CC5

Color Blindness Simulation

Original

#CFC09C

Protanopia

#C9C8A5

Deuteranopia

#C9CAA7

Tritanopia

#CEACAD

Achromatopsia

#C1C1C1

CSS Usage

background-color: #CFC09C;
color: #CFC09C;
border-color: #CFC09C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8E0CF
300
#D7CBAD
400
#C1AE80
500
#AC9253
600
#897543
700
#6E5D35
800
#56492A
900
#403721
950
#282315

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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