#CAB895

#CAB895

Color Values

HEX

#CAB895

RGB

202, 184, 149

HSL

39.6, 33.3%, 68.8%

HSV

39.6, 26.2%, 79.2%

CMYK

0.0%, 8.9%, 26.2%, 20.8%

OKLCH

0.7888 0.0516 83.9

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CAB895

#95A7CA

Analogous

#CA9D95

#C1CA95

#CAB895

Triadic

#CAB895

#95CAB8

#B895CA

Split Complementary

#CAB895

#95C1CA

#9D95CA

Tetradic

#CAB895

#95CA9D

#95A7CA

#CA95C1

Color Blindness Simulation

Original

#CAB895

Protanopia

#C2C29D

Deuteranopia

#C3C5A0

Tritanopia

#C9A4A6

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7DFCF
300
#D6C8AD
400
#C0AB81
500
#AA8D55
600
#887144
700
#6D5A36
800
#55472B
900
#3F3522
950
#282215

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026