#CEC870

#CEC870

Color Values

HEX

#CEC870

RGB

206, 200, 112

HSL

56.2, 49.0%, 62.4%

HSV

56.2, 45.6%, 80.8%

CMYK

0.0%, 2.9%, 45.6%, 19.2%

OKLCH

0.8188 0.1106 105.1

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CEC870

#7076CE

Analogous

#CE9970

#A5CE70

#CEC870

Triadic

#CEC870

#70CEC8

#C870CE

Split Complementary

#CEC870

#70A5CE

#9970CE

Tetradic

#CEC870

#70CE99

#7076CE

#CE70A5

Color Blindness Simulation

Original

#CEC870

Protanopia

#CBCB85

Deuteranopia

#CCCC8A

Tritanopia

#CE969A

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBCA
300
#E0DCA4
400
#CFC972
500
#BEB641
600
#989234
700
#7A752A
800
#5F5B21
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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