#CDD016

#CDD016

Color Values

HEX

#CDD016

RGB

205, 208, 22

HSL

61,0, 80,9%, 45,1%

HSV

61,0, 89,4%, 81,6%

CMYK

1,4%, 0,0%, 89,4%, 18,4%

OKLCH

0,828 0,1782 110,8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CDD016

#1916D0

Analogous

#D07616

#70D016

#CDD016

Triadic

#CDD016

#16CDD0

#D016CD

Split Complementary

#CDD016

#1670D0

#7616D0

Tetradic

#CDD016

#16D076

#1916D0

#D01670

Color Blindness Simulation

Original

#CDD016

Protanopia

#CECE43

Deuteranopia

#CECE4E

Tritanopia

#CD676E

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9F9E1
200
#F7F8BE
300
#F2F390
400
#EAED54
500
#E3E718
600
#B6B913
700
#919410
800
#72730C
900
#53540D
950
#343508

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026