#CDD52C

#CDD52C

Color Values

HEX

#CDD52C

RGB

205, 213, 44

HSL

62.8, 66.8%, 50.4%

HSV

62.8, 79.3%, 83.5%

CMYK

3.8%, 0.0%, 79.3%, 16.5%

OKLCH

0.8396 0.1757 112.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CDD52C

#342CD5

Analogous

#D5882C

#79D52C

#CDD52C

Triadic

#CDD52C

#2CCDD5

#D52CCD

Split Complementary

#CDD52C

#2C79D5

#882CD5

Tetradic

#CDD52C

#2CD588

#342CD5

#D52C79

Color Blindness Simulation

Original

#CDD52C

Protanopia

#D0D155

Deuteranopia

#D0CF5F

Tritanopia

#CD757C

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C3
300
#E7EB99
400
#DAE062
500
#CDD52A
600
#A4AA22
700
#83881B
800
#666A15
900
#4B4E13
950
#2F310C

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026