#CED56D

#CED56D

Color Values

HEX

#CED56D

RGB

206, 213, 109

HSL

64.0, 55.3%, 63.1%

HSV

64.0, 48.8%, 83.5%

CMYK

3.3%, 0.0%, 48.8%, 16.5%

OKLCH

0.846 0.1284 112.3

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CED56D

#746DD5

Analogous

#D5A86D

#9AD56D

#CED56D

Triadic

#CED56D

#6DCED5

#D56DCE

Split Complementary

#CED56D

#6D9AD5

#A86DD5

Tetradic

#CED56D

#6DD5A8

#746DD5

#D56D9A

Color Blindness Simulation

Original

#CED56D

Protanopia

#D1D186

Deuteranopia

#D1D08C

Tritanopia

#CE9A9E

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC8
300
#DFE4A0
400
#CED56C
500
#BDC639
600
#979E2E
700
#797F24
800
#5E631C
900
#454918
950
#2C2E0F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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