#B61674

#B61674

Color Values

HEX

#B61674

RGB

182, 22, 116

HSL

324.8, 78.4%, 40.0%

HSV

324.8, 87.9%, 71.4%

CMYK

0.0%, 87.9%, 36.3%, 28.6%

OKLCH

0.5172 0.2028 352.0

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#B61674

#16B658

Analogous

#A816B6

#B61624

#B61674

Triadic

#B61674

#74B616

#1674B6

Split Complementary

#B61674

#24B616

#16B6A8

Tetradic

#B61674

#B6A816

#16B658

#1624B6

Color Blindness Simulation

Original

#B61674

Protanopia

#716F5D

Deuteranopia

#7A8658

Tritanopia

#AE4B47

Achromatopsia

#3F3F3F

CSS Usage

background-color: #B61674;
color: #B61674;
border-color: #B61674;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F7BFE0
300
#F292CA
400
#EB57AD
500
#E31C91
600
#B61674
700
#92125D
800
#720E48
900
#530E36
950
#340922

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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