#CFC824

#CFC824

Color Values

HEX

#CFC824

RGB

207, 200, 36

HSL

57.5, 70.4%, 47.6%

HSV

57.5, 82.6%, 81.2%

CMYK

0.0%, 3.4%, 82.6%, 18.8%

OKLCH

0.8129 0.1663 106.9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CFC824

#242BCF

Analogous

#CF7224

#81CF24

#CFC824

Triadic

#CFC824

#24CFC8

#C824CF

Split Complementary

#CFC824

#2481CF

#7224CF

Tetradic

#CFC824

#24CF72

#242BCF

#CF2481

Color Blindness Simulation

Original

#CFC824

Protanopia

#CCCC4C

Deuteranopia

#CCCD55

Tritanopia

#CF6B72

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F4F2C2
300
#EDE997
400
#E3DE5E
500
#D9D226
600
#AEA81E
700
#8B8618
800
#6D6913
900
#4F4D12
950
#32300B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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