#B4605F

#B4605F

Color Values

HEX

#B4605F

RGB

180, 96, 95

HSL

0.7, 36.2%, 53.9%

HSV

0.7, 47.2%, 70.6%

CMYK

0.0%, 46.7%, 47.2%, 29.4%

OKLCH

0.5868 0.109 21.6

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B4605F

#5FB3B4

Analogous

#B45F88

#B48A5F

#B4605F

Triadic

#B4605F

#5FB460

#605FB4

Split Complementary

#B4605F

#5FB48A

#5F88B4

Tetradic

#B4605F

#88B45F

#5FB3B4

#8A5FB4

Color Blindness Simulation

Original

#B4605F

Protanopia

#908F5F

Deuteranopia

#949B5F

Tritanopia

#B05F5F

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCE
300
#D8ACAC
400
#C37F7E
500
#AE5251
600
#8B4241
700
#6F3534
800
#572929
900
#402121
950
#291515

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026