#CDD632

#CDD632

Color Values

HEX

#CDD632

RGB

205, 214, 50

HSL

63.3, 66.7%, 51.8%

HSV

63.3, 76.6%, 83.9%

CMYK

4.2%, 0.0%, 76.6%, 16.1%

OKLCH

0.8421 0.174 112.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CDD632

#3B32D6

Analogous

#D68D32

#7BD632

#CDD632

Triadic

#CDD632

#32CDD6

#D632CD

Split Complementary

#CDD632

#327BD6

#8D32D6

Tetradic

#CDD632

#32D68D

#3B32D6

#D6327B

Color Blindness Simulation

Original

#CDD632

Protanopia

#D1D15A

Deuteranopia

#D0D063

Tritanopia

#CD7980

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C3
300
#E6EB99
400
#D9E062
500
#CBD52A
600
#A3AA22
700
#82881B
800
#666A15
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.26: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