#CFC99A

#CFC99A

Color Values

HEX

#CFC99A

RGB

207, 201, 154

HSL

53.2, 35.6%, 70.8%

HSV

53.2, 25.6%, 81.2%

CMYK

0.0%, 2.9%, 25.6%, 18.8%

OKLCH

0.8291 0.0627 101.6

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CFC99A

#9AA0CF

Analogous

#CFAF9A

#BBCF9A

#CFC99A

Triadic

#CFC99A

#9ACFC9

#C99ACF

Split Complementary

#CFC99A

#9ABBCF

#AF9ACF

Tetradic

#CFC99A

#9ACFAF

#9AA0CF

#CF9ABB

Color Blindness Simulation

Original

#CFC99A

Protanopia

#CCCCA5

Deuteranopia

#CDCDA8

Tritanopia

#CFAEB0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E8
200
#E8E5CF
300
#D8D3AC
400
#C2BB7F
500
#ADA352
600
#8A8242
700
#6F6835
800
#565129
900
#403C21
950
#282615

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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