#B61630

#B61630

Color Values

HEX

#B61630

RGB

182, 22, 48

HSL

350.2, 78.4%, 40.0%

HSV

350.2, 87.9%, 71.4%

CMYK

0.0%, 87.9%, 73.6%, 28.6%

OKLCH

0.4988 0.1893 20.8

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#B61630

#16B69C

Analogous

#B61680

#B64C16

#B61630

Triadic

#B61630

#30B616

#1630B6

Split Complementary

#B61630

#16B64C

#1680B6

Tetradic

#B61630

#80B616

#16B69C

#4C16B6

Color Blindness Simulation

Original

#B61630

Protanopia

#716F2A

Deuteranopia

#7A8628

Tritanopia

#AE2524

Achromatopsia

#3A3A3A

CSS Usage

background-color: #B61630;
color: #B61630;
border-color: #B61630;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF2F4
100
#F9E1E5
200
#F7BFC8
300
#F292A1
400
#EB576F
500
#E31C3C
600
#B61630
700
#921227
800
#720E1E
900
#530E19
950
#340910

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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