#B45448

#B45448

Color Values

HEX

#B45448

RGB

180, 84, 72

HSL

6.7, 42.9%, 49.4%

HSV

6.7, 60.0%, 70.6%

CMYK

0.0%, 53.3%, 60.0%, 29.4%

OKLCH

0.5631 0.1274 29.0

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B45448

#48A8B4

Analogous

#B44872

#B48A48

#B45448

Triadic

#B45448

#48B454

#5448B4

Split Complementary

#B45448

#48B48A

#4872B4

Tetradic

#B45448

#72B448

#48A8B4

#8A48B4

Color Blindness Simulation

Original

#B45448

Protanopia

#8A8A4B

Deuteranopia

#90974C

Tritanopia

#AF4D4E

Achromatopsia

#686868

CSS Usage

background-color: #B45448;
color: #B45448;
border-color: #B45448;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBCFCC
300
#DCADA8
400
#C98178
500
#B65549
600
#92443A
700
#75362F
800
#5B2B24
900
#43221E
950
#2A1513

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026