#B7154D

#B7154D

Color Values

HEX

#B7154D

RGB

183, 21, 77

HSL

339.3, 79.4%, 40.0%

HSV

339.3, 88.5%, 71.8%

CMYK

0.0%, 88.5%, 57.9%, 28.2%

OKLCH

0.506 0.1919 9.2

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B7154D

#15B77F

Analogous

#B7159E

#B72E15

#B7154D

Triadic

#B7154D

#4DB715

#154DB7

Split Complementary

#B7154D

#15B72E

#159EB7

Tetradic

#B7154D

#9EB715

#15B77F

#2E15B7

Color Blindness Simulation

Original

#B7154D

Protanopia

#716F3F

Deuteranopia

#7A863C

Tritanopia

#AF3532

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1E9
200
#F8BFD3
300
#F291B3
400
#EC5689
500
#E51A60
600
#B7154D
700
#92113E
800
#720D30
900
#530E26
950
#340918

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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