#B49EB0

#B49EB0

Color Values

HEX

#B49EB0

RGB

180, 158, 176

HSL

310,9, 12,8%, 66,3%

HSV

310,9, 12,2%, 70,6%

CMYK

0,0%, 12,2%, 2,2%, 29,4%

OKLCH

0,7241 0,0359 332,0

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#B49EB0

#9EB4A2

Analogous

#AD9EB4

#B49EA5

#B49EB0

Triadic

#B49EB0

#B0B49E

#9EB0B4

Split Complementary

#B49EB0

#A5B49E

#9EB4AD

Tetradic

#B49EB0

#B4AD9E

#9EB4A2

#9EA5B4

Color Blindness Simulation

Original

#B49EB0

Protanopia

#AAAAAC

Deuteranopia

#ACADAB

Tritanopia

#B3A8A7

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC7
400
#AD95A8
500
#906F8A
600
#73596E
700
#5C4758
800
#483845
900
#362B34
950
#221B21

Contrast Checker

Text on white

2,48:1

AA Fail AAA Fail

Text on black

8,46: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