#B10863

#B10863

Color Values

HEX

#B10863

RGB

177, 8, 99

HSL

327.7, 91.4%, 36.3%

HSV

327.7, 95.5%, 69.4%

CMYK

0.0%, 95.5%, 44.1%, 30.6%

OKLCH

0.497 0.199 357.4

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#B10863

#08B156

Analogous

#AB08B1

#B1080E

#B10863

Triadic

#B10863

#63B108

#0863B1

Split Complementary

#B10863

#0EB108

#08B1AB

Tetradic

#B10863

#B1AB08

#08B156

#080EB1

Color Blindness Simulation

Original

#B10863

Protanopia

#68664D

Deuteranopia

#727E48

Tritanopia

#A93C38

Achromatopsia

#323232

CSS Usage

background-color: #B10863;
color: #B10863;
border-color: #B10863;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#FA8AC6
400
#F74AA7
500
#F40B88
600
#C3096D
700
#9C0757
800
#7A0544
900
#580934
950
#380521

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

3.08:1

AA Fail 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