#B61643

#B61643

Color Values

HEX

#B61643

RGB

182, 22, 67

HSL

343.1, 78.4%, 40.0%

HSV

343.1, 87.9%, 71.4%

CMYK

0.0%, 87.9%, 63.2%, 28.6%

OKLCH

0.5023 0.1894 13.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#B61643

#16B689

Analogous

#B61693

#B63916

#B61643

Triadic

#B61643

#43B616

#1643B6

Split Complementary

#B61643

#16B639

#1693B6

Tetradic

#B61643

#93B616

#16B689

#3916B6

Color Blindness Simulation

Original

#B61643

Protanopia

#716F38

Deuteranopia

#7A8636

Tritanopia

#AE302E

Achromatopsia

#3B3B3B

CSS Usage

background-color: #B61643;
color: #B61643;
border-color: #B61643;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF2F5
100
#F9E1E8
200
#F7BFCF
300
#F292AD
400
#EB5780
500
#E31C54
600
#B61643
700
#921236
800
#720E2A
900
#530E22
950
#340915

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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