#CFCF99

#CFCF99

Color Values

HEX

#CFCF99

RGB

207, 207, 153

HSL

60.0, 36.0%, 70.6%

HSV

60.0, 26.1%, 81.2%

CMYK

0.0%, 0.0%, 26.1%, 18.8%

OKLCH

0.8413 0.0712 107.8

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CFCF99

#9999CF

Analogous

#CFB499

#B4CF99

#CFCF99

Triadic

#CFCF99

#99CFCF

#CF99CF

Split Complementary

#CFCF99

#99B4CF

#B499CF

Tetradic

#CFCF99

#99CFB4

#9999CF

#CF99B4

Color Blindness Simulation

Original

#CFCF99

Protanopia

#CFCFA6

Deuteranopia

#CFCFA9

Tritanopia

#CFB0B3

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CFCF99;
color: #CFCF99;
border-color: #CFCF99;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF5
100
#F3F3E8
200
#E8E8CE
300
#D8D8AC
400
#C3C37F
500
#ADAD52
600
#8B8B41
700
#6F6F34
800
#575729
900
#404021
950
#292915

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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