#CFD464

#CFD464

Color Values

HEX

#CFD464

RGB

207, 212, 100

HSL

62.7, 56.6%, 61.2%

HSV

62.7, 52.8%, 83.1%

CMYK

2.4%, 0.0%, 52.8%, 16.9%

OKLCH

0.8435 0.1357 111.3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CFD464

#6964D4

Analogous

#D4A164

#97D464

#CFD464

Triadic

#CFD464

#64CFD4

#D464CF

Split Complementary

#CFD464

#6497D4

#A164D4

Tetradic

#CFD464

#64D4A1

#6964D4

#D46497

Color Blindness Simulation

Original

#CFD464

Protanopia

#D1D17F

Deuteranopia

#D1D086

Tritanopia

#CF9599

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CFD464;
color: #CFD464;
border-color: #CFD464;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F6E5
200
#EEF0C7
300
#E1E49F
400
#D1D66B
500
#C1C837
600
#9BA02C
700
#7C8023
800
#61641C
900
#474918
950
#2D2E0F

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026