#CEC896

#CEC896

Color Values

HEX

#CEC896

RGB

206, 200, 150

HSL

53,6, 36,4%, 69,8%

HSV

53,6, 27,2%, 80,8%

CMYK

0,0%, 2,9%, 27,2%, 19,2%

OKLCH

0,8253 0,0665 102,0

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CEC896

#969CCE

Analogous

#CEAC96

#B8CE96

#CEC896

Triadic

#CEC896

#96CEC8

#C896CE

Split Complementary

#CEC896

#96B8CE

#AC96CE

Tetradic

#CEC896

#96CEAC

#969CCE

#CE96B8

Color Blindness Simulation

Original

#CEC896

Protanopia

#CBCBA2

Deuteranopia

#CCCCA5

Tritanopia

#CEACAE

Achromatopsia

#C6C6C6

CSS Usage

background-color: #CEC896;
color: #CEC896;
border-color: #CEC896;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F3F1E8
200
#E8E6CE
300
#D8D3AC
400
#C3BC7E
500
#AEA451
600
#8B8341
700
#6F6934
800
#575229
900
#403D21
950
#292615

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,33: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