#CDD46F

#CDD46F

Color Values

HEX

#CDD46F

RGB

205, 212, 111

HSL

64,2, 54,0%, 63,3%

HSV

64,2, 47,6%, 83,1%

CMYK

3,3%, 0,0%, 47,6%, 16,9%

OKLCH

0,8433 0,1255 112,3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CDD46F

#766FD4

Analogous

#D4A86F

#9AD46F

#CDD46F

Triadic

#CDD46F

#6FCDD4

#D46FCD

Split Complementary

#CDD46F

#6F9AD4

#A86FD4

Tetradic

#CDD46F

#6FD4A8

#766FD4

#D46F9A

Color Blindness Simulation

Original

#CDD46F

Protanopia

#D0D087

Deuteranopia

#D0CF8D

Tritanopia

#CD9B9F

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEFC8
300
#DEE3A1
400
#CCD46E
500
#BBC43B
600
#959D2F
700
#777E26
800
#5D621D
900
#454819
950
#2B2D10

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

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