#CFD214

#CFD214

Color Values

HEX

#CFD214

RGB

207, 210, 20

HSL

60.9, 82.6%, 45.1%

HSV

60.9, 90.5%, 82.4%

CMYK

1.4%, 0.0%, 90.5%, 17.6%

OKLCH

0.8339 0.18 110.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFD214

#1714D2

Analogous

#D27614

#70D214

#CFD214

Triadic

#CFD214

#14CFD2

#D214CF

Split Complementary

#CFD214

#1470D2

#7614D2

Tetradic

#CFD214

#14D276

#1714D2

#D21470

Color Blindness Simulation

Original

#CFD214

Protanopia

#D0D042

Deuteranopia

#D0D04D

Tritanopia

#CF666E

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#F9FAE1
200
#F8F9BE
300
#F3F48F
400
#ECEF53
500
#E6E916
600
#B8BA12
700
#93950E
800
#73740B
900
#53540C
950
#353508

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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