#B10146

#B10146

Color Values

HEX

#B10146

RGB

177, 1, 70

HSL

336.5, 98.9%, 34.9%

HSV

336.5, 99.4%, 69.4%

CMYK

0.0%, 99.4%, 60.5%, 30.6%

OKLCH

0.4864 0.1941 9.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B10146

#01B16C

Analogous

#B1019E

#B11401

#B10146

Triadic

#B10146

#46B101

#0146B1

Split Complementary

#B10146

#01B114

#019EB1

Tetradic

#B10146

#9EB101

#01B16C

#1401B1

Color Blindness Simulation

Original

#B10146

Protanopia

#656335

Deuteranopia

#6F7C31

Tritanopia

#A82825

Achromatopsia

#2B2B2B

CSS Usage

background-color: #B10146;
color: #B10146;
border-color: #B10146;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FFB8D4
300
#FE85B5
400
#FE438C
500
#FE0164
600
#CB0150
700
#A20140
800
#7F0132
900
#5C0527
950
#3A0319

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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