#B04C4D

#B04C4D

Color Values

HEX

#B04C4D

RGB

176, 76, 77

HSL

359.4, 39.7%, 49.4%

HSV

359.4, 56.8%, 69.0%

CMYK

0.0%, 56.8%, 56.2%, 31.0%

OKLCH

0.5463 0.1312 21.8

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B04C4D

#4CB0AF

Analogous

#B04C7F

#B07D4C

#B04C4D

Triadic

#B04C4D

#4DB04C

#4C4DB0

Split Complementary

#B04C4D

#4CB07D

#4C7FB0

Tetradic

#B04C4D

#7FB04C

#4CB0AF

#7D4CB0

Color Blindness Simulation

Original

#B04C4D

Protanopia

#85844D

Deuteranopia

#8A924D

Tritanopia

#AB4D4D

Achromatopsia

#616161

CSS Usage

background-color: #B04C4D;
color: #B04C4D;
border-color: #B04C4D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CDCD
300
#DAAAAA
400
#C67B7C
500
#B24D4E
600
#8E3E3E
700
#723132
800
#592627
900
#421F1F
950
#2A1414

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

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