#CABE95

#CABE95

Color Values

HEX

#CABE95

RGB

202, 190, 149

HSL

46.4, 33.3%, 68.8%

HSV

46.4, 26.2%, 79.2%

CMYK

0.0%, 5.9%, 26.2%, 20.8%

OKLCH

0.8011 0.0566 93.7

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CABE95

#95A1CA

Analogous

#CAA395

#BBCA95

#CABE95

Triadic

#CABE95

#95CABE

#BE95CA

Split Complementary

#CABE95

#95BBCA

#A395CA

Tetradic

#CABE95

#95CAA3

#95A1CA

#CA95BB

Color Blindness Simulation

Original

#CABE95

Protanopia

#C5C59F

Deuteranopia

#C6C6A1

Tritanopia

#C9A7A8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F0E8
200
#E7E2CF
300
#D6CDAD
400
#C0B281
500
#AA9755
600
#887944
700
#6D6036
800
#554B2B
900
#3F3822
950
#282415

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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