#BEAF88

#BEAF88

Color Values

HEX

#BEAF88

RGB

190, 175, 136

HSL

43.3, 29.3%, 63.9%

HSV

43.3, 28.4%, 74.5%

CMYK

0.0%, 7.9%, 28.4%, 25.5%

OKLCH

0.7568 0.0556 89.5

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#BEAF88

#8897BE

Analogous

#BE9488

#B2BE88

#BEAF88

Triadic

#BEAF88

#88BEAF

#AF88BE

Split Complementary

#BEAF88

#88B2BE

#9488BE

Tetradic

#BEAF88

#88BE94

#8897BE

#BE88B2

Color Blindness Simulation

Original

#BEAF88

Protanopia

#B8B791

Deuteranopia

#B8BA94

Tritanopia

#BD999B

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E0D1
300
#D4CAB0
400
#BCAD85
500
#A5905A
600
#847348
700
#6A5C3A
800
#52482D
900
#3D3624
950
#272217

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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