#B85CB0

#B85CB0

Color Values

HEX

#B85CB0

RGB

184, 92, 176

HSL

305.2, 39.3%, 54.1%

HSV

305.2, 50.0%, 72.2%

CMYK

0.0%, 50.0%, 4.3%, 27.8%

OKLCH

0.6142 0.1581 330.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#B85CB0

#5CB864

Analogous

#925CB8

#B85C82

#B85CB0

Triadic

#B85CB0

#B0B85C

#5CB0B8

Split Complementary

#B85CB0

#82B85C

#5CB892

Tetradic

#B85CB0

#B8925C

#5CB864

#5C82B8

Color Blindness Simulation

Original

#B85CB0

Protanopia

#908F9C

Deuteranopia

#969C97

Tritanopia

#B38C88

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CDE7
300
#DAAAD6
400
#C67CBF
500
#B24DA9
600
#8E3E87
700
#72326C
800
#592754
900
#421F3F
950
#291428

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

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