#CFD799

#CFD799

Color Values

HEX

#CFD799

RGB

207, 215, 153

HSL

67.7, 43.7%, 72.2%

HSV

67.7, 28.8%, 84.3%

CMYK

3.7%, 0.0%, 28.8%, 15.7%

OKLCH

0.858 0.0817 114.1

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#CFD799

#A199D7

Analogous

#D7C099

#B0D799

#CFD799

Triadic

#CFD799

#99CFD7

#D799CF

Split Complementary

#CFD799

#99B0D7

#C099D7

Tetradic

#CFD799

#99D7C0

#A199D7

#D799B0

Color Blindness Simulation

Original

#CFD799

Protanopia

#D2D3A8

Deuteranopia

#D2D1AC

Tritanopia

#CFB4B6

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EBCC
300
#D6DDA7
400
#BFCA77
500
#A9B748
600
#879339
700
#6C752E
800
#545C24
900
#3F441D
950
#282B13

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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