#B14542

#B14542

Color Values

HEX

#B14542

RGB

177, 69, 66

HSL

1.6, 45.7%, 47.6%

HSV

1.6, 62.7%, 69.4%

CMYK

0.0%, 61.0%, 62.7%, 30.6%

OKLCH

0.5361 0.1419 24.7

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B14542

#42AEB1

Analogous

#B14276

#B17C42

#B14542

Triadic

#B14542

#42B145

#4542B1

Split Complementary

#B14542

#42B17C

#4276B1

Tetradic

#B14542

#76B142

#42AEB1

#7C42B1

Color Blindness Simulation

Original

#B14542

Protanopia

#828143

Deuteranopia

#889143

Tritanopia

#AC4343

Achromatopsia

#5C5C5C

CSS Usage

background-color: #B14542;
color: #B14542;
border-color: #B14542;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCB
300
#DEA7A6
400
#CC7876
500
#BA4845
600
#953A37
700
#772E2C
800
#5D2423
900
#441E1D
950
#2B1312

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026