#CEBA85

#CEBA85

Color Values

HEX

#CEBA85

RGB

206, 186, 133

HSL

43.6, 42.7%, 66.5%

HSV

43.6, 35.4%, 80.8%

CMYK

0.0%, 9.7%, 35.4%, 19.2%

OKLCH

0.7932 0.0734 89.7

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CEBA85

#8599CE

Analogous

#CE9685

#BECE85

#CEBA85

Triadic

#CEBA85

#85CEBA

#BA85CE

Split Complementary

#CEBA85

#85BECE

#9685CE

Tetradic

#CEBA85

#85CE96

#8599CE

#CE85BE

Color Blindness Simulation

Original

#CEBA85

Protanopia

#C5C592

Deuteranopia

#C6C895

Tritanopia

#CD9C9E

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F0E7
200
#EBE2CC
300
#DCCEA8
400
#C9B378
500
#B69849
600
#927A3A
700
#74612F
800
#5B4C25
900
#43391E
950
#2A2413

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026