#B64648

#B64648

Color Values

HEX

#B64648

RGB

182, 70, 72

HSL

358.9, 44.4%, 49.4%

HSV

358.9, 61.5%, 71.4%

CMYK

0.0%, 61.5%, 60.4%, 28.6%

OKLCH

0.5464 0.1457 22.2

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#B64648

#46B6B4

Analogous

#B64680

#B67C46

#B64648

Triadic

#B64648

#48B646

#4648B6

Split Complementary

#B64648

#46B67C

#4680B6

Tetradic

#B64648

#80B646

#46B6B4

#7C46B6

Color Blindness Simulation

Original

#B64648

Protanopia

#858548

Deuteranopia

#8C9447

Tritanopia

#B04747

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCC
300
#DDA7A8
400
#CB7778
500
#B84749
600
#93393A
700
#762D2F
800
#5C2324
900
#441D1E
950
#2B1213

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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