#CAAF77

#CAAF77

Color Values

HEX

#CAAF77

RGB

202, 175, 119

HSL

40.5, 43.9%, 62.9%

HSV

40.5, 41.1%, 79.2%

CMYK

0.0%, 13.4%, 41.1%, 20.8%

OKLCH

0.7646 0.0798 84.9

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CAAF77

#7792CA

Analogous

#CA8577

#BBCA77

#CAAF77

Triadic

#CAAF77

#77CAAF

#AF77CA

Split Complementary

#CAAF77

#77BBCA

#8577CA

Tetradic

#CAAF77

#77CA85

#7792CA

#CA77BB

Color Blindness Simulation

Original

#CAAF77

Protanopia

#BEBE85

Deuteranopia

#C0C288

Tritanopia

#C98F92

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBE1CC
300
#DDCBA7
400
#CAAF77
500
#B79348
600
#937639
700
#755E2E
800
#5C4A24
900
#44371D
950
#2B2313

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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