#BEABBF

#BEABBF

Color Values

HEX

#BEABBF

RGB

190, 171, 191

HSL

297.0, 13.5%, 71.0%

HSV

297.0, 10.5%, 74.9%

CMYK

0.5%, 10.5%, 0.0%, 25.1%

OKLCH

0.7636 0.0352 324.4

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BEABBF

#ACBFAB

Analogous

#B4ABBF

#BFABB6

#BEABBF

Triadic

#BEABBF

#BFBEAB

#ABBFBE

Split Complementary

#BEABBF

#B6BFAB

#ABBFB4

Tetradic

#BEABBF

#BFB4AB

#ACBFAB

#ABB6BF

Color Blindness Simulation

Original

#BEABBF

Protanopia

#B6B6BA

Deuteranopia

#B7B8B9

Tritanopia

#BDB6B6

Achromatopsia

#B0B0B0

CSS Usage

background-color: #BEABBF;
color: #BEABBF;
border-color: #BEABBF;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#C9BACA
400
#AC94AD
500
#8F6E91
600
#725874
700
#5C475D
800
#473748
900
#362B36
950
#221B22

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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