#B857AA

#B857AA

Color Values

HEX

#B857AA

RGB

184, 87, 170

HSL

308.7, 40.6%, 53.1%

HSV

308.7, 52.7%, 72.2%

CMYK

0.0%, 52.7%, 7.6%, 27.8%

OKLCH

0.6046 0.1612 333.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#B857AA

#57B865

Analogous

#9557B8

#B85779

#B857AA

Triadic

#B857AA

#AAB857

#57AAB8

Split Complementary

#B857AA

#79B857

#57B895

Tetradic

#B857AA

#B89557

#57B865

#5779B8

Color Blindness Simulation

Original

#B857AA

Protanopia

#8E8D96

Deuteranopia

#949B91

Tritanopia

#B38683

Achromatopsia

#727272

CSS Usage

background-color: #B857AA;
color: #B857AA;
border-color: #B857AA;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE6
300
#DBA9D3
400
#C77ABC
500
#B34CA4
600
#8F3D83
700
#733069
800
#5A2652
900
#421F3D
950
#2A1327

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

4.98:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026