#BEAF8C

#BEAF8C

Color Values

HEX

#BEAF8C

RGB

190, 175, 140

HSL

42.0, 27.8%, 64.7%

HSV

42.0, 26.3%, 74.5%

CMYK

0.0%, 7.9%, 26.3%, 25.5%

OKLCH

0.7577 0.0507 87.5

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#BEAF8C

#8C9BBE

Analogous

#BE968C

#B4BE8C

#BEAF8C

Triadic

#BEAF8C

#8CBEAF

#AF8CBE

Split Complementary

#BEAF8C

#8CB4BE

#968CBE

Tetradic

#BEAF8C

#8CBE96

#8C9BBE

#BE8CB4

Color Blindness Simulation

Original

#BEAF8C

Protanopia

#B8B794

Deuteranopia

#B8BA96

Tritanopia

#BD9B9D

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E5DFD1
300
#D3C9B1
400
#BBAB86
500
#A38E5C
600
#82714A
700
#685B3B
800
#51472E
900
#3D3524
950
#262217

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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