#CFD59D

#CFD59D

Color Values

HEX

#CFD59D

RGB

207, 213, 157

HSL

66.4, 40.0%, 72.5%

HSV

66.4, 26.3%, 83.5%

CMYK

2.8%, 0.0%, 26.3%, 16.5%

OKLCH

0.8546 0.0741 112.9

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#CFD59D

#A39DD5

Analogous

#D5BF9D

#B3D59D

#CFD59D

Triadic

#CFD59D

#9DCFD5

#D59DCF

Split Complementary

#CFD59D

#9DB3D5

#BF9DD5

Tetradic

#CFD59D

#9DD5BF

#A39DD5

#D59DB3

Color Blindness Simulation

Original

#CFD59D

Protanopia

#D2D2AB

Deuteranopia

#D1D1AE

Tritanopia

#CFB5B8

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7EACD
300
#D5DAA9
400
#BEC67B
500
#A8B24C
600
#868F3D
700
#6B7231
800
#545926
900
#3E421F
950
#272A14

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026