#CFDD22

#CFDD22

Color Values

HEX

#CFDD22

RGB

207, 221, 34

HSL

64,5, 73,3%, 50,0%

HSV

64,5, 84,6%, 86,7%

CMYK

6,3%, 0,0%, 84,6%, 13,3%

OKLCH

0,8582 0,1868 114,4

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFDD22

#3022DD

Analogous

#DD8E22

#71DD22

#CFDD22

Triadic

#CFDD22

#22CFDD

#DD22CF

Split Complementary

#CFDD22

#2271DD

#8E22DD

Tetradic

#CFDD22

#22DD8E

#3022DD

#DD2271

Color Blindness Simulation

Original

#CFDD22

Protanopia

#D5D54F

Deuteranopia

#D4D35A

Tritanopia

#D0737B

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E2
200
#F2F5C1
300
#E8EF95
400
#DBE65B
500
#CFDD22
600
#A6B11B
700
#848D16
800
#676E11
900
#4C5010
950
#30330A

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,02:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026