#B5484F

#B5484F

Color Values

HEX

#B5484F

RGB

181, 72, 79

HSL

356.1, 43.1%, 49.6%

HSV

356.1, 60.2%, 71.0%

CMYK

0.0%, 60.2%, 56.4%, 29.0%

OKLCH

0.5489 0.1417 19.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B5484F

#48B5AE

Analogous

#B54886

#B57748

#B5484F

Triadic

#B5484F

#4FB548

#484FB5

Split Complementary

#B5484F

#48B577

#4886B5

Tetradic

#B5484F

#86B548

#48B5AE

#7748B5

Color Blindness Simulation

Original

#B5484F

Protanopia

#86854D

Deuteranopia

#8C944D

Tritanopia

#B04C4C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCE
300
#DCA7AB
400
#C9787D
500
#B64950
600
#923A40
700
#752E33
800
#5B2428
900
#431E20
950
#2A1314

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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