#B4625B

#B4625B

Color Values

HEX

#B4625B

RGB

180, 98, 91

HSL

4.7, 37.2%, 53.1%

HSV

4.7, 49.4%, 70.6%

CMYK

0.0%, 45.6%, 49.4%, 29.4%

OKLCH

0.5892 0.1072 25.9

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B4625B

#5BADB4

Analogous

#B45B80

#B48E5B

#B4625B

Triadic

#B4625B

#5BB462

#625BB4

Split Complementary

#B4625B

#5BB48E

#5B80B4

Tetradic

#B4625B

#80B45B

#5BADB4

#8E5BB4

Color Blindness Simulation

Original

#B4625B

Protanopia

#90905D

Deuteranopia

#959B5D

Tritanopia

#B05E5E

Achromatopsia

#737373

CSS Usage

background-color: #B4625B;
color: #B4625B;
border-color: #B4625B;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E9D0CE
300
#D9AFAB
400
#C4837E
500
#AF5850
600
#8C4640
700
#703833
800
#572C28
900
#412320
950
#291614

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass 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