#B85CBC

#B85CBC

Color Values

HEX

#B85CBC

RGB

184, 92, 188

HSL

297.5, 41.7%, 54.9%

HSV

297.5, 51.1%, 73.7%

CMYK

2.1%, 51.1%, 0.0%, 26.3%

OKLCH

0.62 0.169 325.8

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#B85CBC

#60BC5C

Analogous

#885CBC

#BC5C90

#B85CBC

Triadic

#B85CBC

#BCB85C

#5CBCB8

Split Complementary

#B85CBC

#90BC5C

#5CBC88

Tetradic

#B85CBC

#BC885C

#60BC5C

#5C90BC

Color Blindness Simulation

Original

#B85CBC

Protanopia

#908FA5

Deuteranopia

#969C9F

Tritanopia

#B3928E

Achromatopsia

#767676

CSS Usage

background-color: #B85CBC;
color: #B85CBC;
border-color: #B85CBC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CCEA
300
#D9A8DB
400
#C579C8
500
#B04AB5
600
#8D3B91
700
#713074
800
#58255A
900
#411E43
950
#29132A

Contrast Checker

Text on white

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