#B85FB0

#B85FB0

Color Values

HEX

#B85FB0

RGB

184, 95, 176

HSL

305.4, 38.5%, 54.7%

HSV

305.4, 48.4%, 72.2%

CMYK

0.0%, 48.4%, 4.3%, 27.8%

OKLCH

0.6185 0.1531 330.7

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#B85FB0

#5FB867

Analogous

#935FB8

#B85F83

#B85FB0

Triadic

#B85FB0

#B0B85F

#5FB0B8

Split Complementary

#B85FB0

#83B85F

#5FB893

Tetradic

#B85FB0

#B8935F

#5FB867

#5F83B8

Color Blindness Simulation

Original

#B85FB0

Protanopia

#91919C

Deuteranopia

#979D98

Tritanopia

#B48D8A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE7
300
#D9AAD5
400
#C57CBE
500
#B14EA8
600
#8D3F86
700
#71326B
800
#582754
900
#41203E
950
#291427

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026