#B64346

#B64346

Color Values

HEX

#B64346

RGB

182, 67, 70

HSL

358.4, 46.2%, 48.8%

HSV

358.4, 63.2%, 71.4%

CMYK

0.0%, 63.2%, 61.5%, 28.6%

OKLCH

0.5422 0.1494 22.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B64346

#43B6B3

Analogous

#B64380

#B67943

#B64346

Triadic

#B64346

#46B643

#4346B6

Split Complementary

#B64346

#43B679

#4380B6

Tetradic

#B64346

#80B643

#43B6B3

#7943B6

Color Blindness Simulation

Original

#B64346

Protanopia

#848345

Deuteranopia

#8B9445

Tritanopia

#B04545

Achromatopsia

#5C5C5C

CSS Usage

background-color: #B64346;
color: #B64346;
border-color: #B64346;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A7
400
#CC7577
500
#BA4548
600
#953739
700
#772C2E
800
#5D2224
900
#451C1D
950
#2B1213

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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