#CEB16B

#CEB16B

Color Values

HEX

#CEB16B

RGB

206, 177, 107

HSL

42.4, 50.3%, 61.4%

HSV

42.4, 48.1%, 80.8%

CMYK

0.0%, 14.1%, 48.1%, 19.2%

OKLCH

0.7704 0.0953 87.7

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CEB16B

#6B88CE

Analogous

#CE806B

#BACE6B

#CEB16B

Triadic

#CEB16B

#6BCEB1

#B16BCE

Split Complementary

#CEB16B

#6BBACE

#806BCE

Tetradic

#CEB16B

#6BCE80

#6B88CE

#CE6BBA

Color Blindness Simulation

Original

#CEB16B

Protanopia

#C1C17C

Deuteranopia

#C3C580

Tritanopia

#CD898C

Achromatopsia

#B2B2B2

CSS Usage

background-color: #CEB16B;
color: #CEB16B;
border-color: #CEB16B;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF9F4
100
#F5F0E6
200
#EDE3C9
300
#E1CFA3
400
#D0B471
500
#C09A3F
600
#997B33
700
#7B6329
800
#604D20
900
#463A1B
950
#2C2411

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.13:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026