#CFD468

#CFD468

Color Values

HEX

#CFD468

RGB

207, 212, 104

HSL

62,8, 55,7%, 62,0%

HSV

62,8, 50,9%, 83,1%

CMYK

2,4%, 0,0%, 50,9%, 16,9%

OKLCH

0,844 0,132 111,3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CFD468

#6D68D4

Analogous

#D4A368

#99D468

#CFD468

Triadic

#CFD468

#68CFD4

#D468CF

Split Complementary

#CFD468

#6899D4

#A368D4

Tetradic

#CFD468

#68D4A3

#6D68D4

#D46899

Color Blindness Simulation

Original

#CFD468

Protanopia

#D1D182

Deuteranopia

#D1D088

Tritanopia

#CF979B

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F6E5
200
#EDEFC7
300
#E1E4A0
400
#D0D56C
500
#C0C738
600
#9A9F2D
700
#7B7F24
800
#60631C
900
#464918
950
#2D2E0F

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,27: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