#B45359

#B45359

Color Values

HEX

#B45359

RGB

180, 83, 89

HSL

356.3, 39.3%, 51.6%

HSV

356.3, 53.9%, 70.6%

CMYK

0.0%, 53.9%, 50.6%, 29.4%

OKLCH

0.5651 0.1262 18.2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B45359

#53B4AE

Analogous

#B4538A

#B47E53

#B45359

Triadic

#B45359

#59B453

#5359B4

Split Complementary

#B45359

#53B47E

#538AB4

Tetradic

#B45359

#8AB453

#53B4AE

#7E53B4

Color Blindness Simulation

Original

#B45359

Protanopia

#8A8958

Deuteranopia

#909757

Tritanopia

#AF5656

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCF
300
#DAAAAD
400
#C67C80
500
#B24D54
600
#8E3E43
700
#723235
800
#59272A
900
#421F21
950
#291415

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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