#BEA396

#BEA396

Color Values

HEX

#BEA396

RGB

190, 163, 150

HSL

19.5, 23.5%, 66.7%

HSV

19.5, 21.1%, 74.5%

CMYK

0.0%, 14.2%, 21.1%, 25.5%

OKLCH

0.7357 0.0369 47.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BEA396

#96B1BE

Analogous

#BE969D

#BEB796

#BEA396

Triadic

#BEA396

#96BEA3

#A396BE

Split Complementary

#BEA396

#96BEB7

#969DBE

Tetradic

#BEA396

#9DBE96

#96B1BE

#B796BE

Color Blindness Simulation

Original

#BEA396

Protanopia

#B2B299

Deuteranopia

#B4B69A

Tritanopia

#BD9C9C

Achromatopsia

#A8A8A8

CSS Usage

background-color: #BEA396;
color: #BEA396;
border-color: #BEA396;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E4D8D3
300
#D0BDB3
400
#B7998A
500
#9D7562
600
#7E5E4E
700
#654B3E
800
#4F3B31
900
#3B2D26
950
#251C18

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.87:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026