#B64142

#B64142

Color Values

HEX

#B64142

RGB

182, 65, 66

HSL

359.5, 47.4%, 48.4%

HSV

359.5, 64.3%, 71.4%

CMYK

0.0%, 64.3%, 63.7%, 28.6%

OKLCH

0.539 0.152 23.3

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B64142

#41B6B5

Analogous

#B6417C

#B67A41

#B64142

Triadic

#B64142

#42B641

#4142B6

Split Complementary

#B64142

#41B67A

#417CB6

Tetradic

#B64142

#7CB641

#41B6B5

#7A41B6

Color Blindness Simulation

Original

#B64142

Protanopia

#838242

Deuteranopia

#8A9342

Tritanopia

#B04242

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCACB
300
#DFA5A5
400
#CD7475
500
#BC4344
600
#963636
700
#782B2C
800
#5E2222
900
#451C1C
950
#2C1212

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.82: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