#CAB877

#CAB877

Color Values

HEX

#CAB877

RGB

202, 184, 119

HSL

47.0, 43.9%, 62.9%

HSV

47.0, 41.1%, 79.2%

CMYK

0.0%, 8.9%, 41.1%, 20.8%

OKLCH

0.783 0.0867 94.5

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CAB877

#7789CA

Analogous

#CA8E77

#B2CA77

#CAB877

Triadic

#CAB877

#77CAB8

#B877CA

Split Complementary

#CAB877

#77B2CA

#8E77CA

Tetradic

#CAB877

#77CA8E

#7789CA

#CA77B2

Color Blindness Simulation

Original

#CAB877

Protanopia

#C2C287

Deuteranopia

#C3C58A

Tritanopia

#C99396

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE4CC
300
#DDD1A7
400
#CAB877
500
#B79F48
600
#937F39
700
#75662E
800
#5C5024
900
#443B1D
950
#2B2513

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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