#B63D46

#B63D46

Color Values

HEX

#B63D46

RGB

182, 61, 70

HSL

355.5, 49.8%, 47.6%

HSV

355.5, 66.5%, 71.4%

CMYK

0.0%, 66.5%, 61.5%, 28.6%

OKLCH

0.535 0.156 19.9

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B63D46

#3DB6AD

Analogous

#B63D82

#B6703D

#B63D46

Triadic

#B63D46

#46B63D

#3D46B6

Split Complementary

#B63D46

#3DB670

#3D82B6

Tetradic

#B63D46

#82B63D

#3DB6AD

#703DB6

Color Blindness Simulation

Original

#B63D46

Protanopia

#828144

Deuteranopia

#899243

Tritanopia

#B04242

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACC
300
#E0A3A8
400
#D07279
500
#BF404A
600
#99333B
700
#7A292F
800
#5F2025
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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