#CDD283

#CDD283

Color Values

HEX

#CDD283

RGB

205, 210, 131

HSL

63.8, 46.7%, 66.9%

HSV

63.8, 37.6%, 82.4%

CMYK

2.4%, 0.0%, 37.6%, 17.6%

OKLCH

0.842 0.1015 111.5

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CDD283

#8883D2

Analogous

#D2B083

#A6D283

#CDD283

Triadic

#CDD283

#83CDD2

#D283CD

Split Complementary

#CDD283

#83A6D2

#B083D2

Tetradic

#CDD283

#83D2B0

#8883D2

#D283A6

Color Blindness Simulation

Original

#CDD283

Protanopia

#CFCF96

Deuteranopia

#CFCE9B

Tritanopia

#CDA5A9

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CDD283;
color: #CDD283;
border-color: #CDD283;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCB
300
#DBDEA5
400
#C7CD75
500
#B4BB44
600
#909636
700
#73782B
800
#5A5E22
900
#42451C
950
#2A2B12

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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