#CFD150

#CFD150

Color Values

HEX

#CFD150

RGB

207, 209, 80

HSL

60.9, 58.4%, 56.7%

HSV

60.9, 61.7%, 82.0%

CMYK

1.0%, 0.0%, 61.7%, 18.0%

OKLCH

0.835 0.1495 110.1

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CFD150

#5250D1

Analogous

#D19350

#8FD150

#CFD150

Triadic

#CFD150

#50CFD1

#D150CF

Split Complementary

#CFD150

#508FD1

#9350D1

Tetradic

#CFD150

#50D193

#5250D1

#D1508F

Color Blindness Simulation

Original

#CFD150

Protanopia

#D0D06F

Deuteranopia

#D0D077

Tritanopia

#CF888D

Achromatopsia

#C7C7C7

CSS Usage

background-color: #CFD150;
color: #CFD150;
border-color: #CFD150;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C6
300
#E4E69E
400
#D6D86A
500
#C8CA35
600
#A0A22A
700
#808122
800
#64651B
900
#494A17
950
#2E2F0F

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.89:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026