#CBBA76

#CBBA76

Color Values

HEX

#CBBA76

RGB

203, 186, 118

HSL

48.0, 45.0%, 62.9%

HSV

48.0, 41.9%, 79.6%

CMYK

0.0%, 8.4%, 41.9%, 20.4%

OKLCH

0.7879 0.0898 95.8

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#CBBA76

#7687CB

Analogous

#CB8F76

#B1CB76

#CBBA76

Triadic

#CBBA76

#76CBBA

#BA76CB

Split Complementary

#CBBA76

#76B1CB

#8F76CB

Tetradic

#CBBA76

#76CB8F

#7687CB

#CB76B1

Color Blindness Simulation

Original

#CBBA76

Protanopia

#C4C386

Deuteranopia

#C5C68A

Tritanopia

#CA9396

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE5CB
300
#DDD2A6
400
#CBBA76
500
#B9A246
600
#948238
700
#76682D
800
#5C5123
900
#443C1D
950
#2B2612

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026