#B83B46

#B83B46

Color Values

HEX

#B83B46

RGB

184, 59, 70

HSL

354.7, 51.4%, 47.6%

HSV

354.7, 67.9%, 72.2%

CMYK

0.0%, 67.9%, 62.0%, 27.8%

OKLCH

0.536 0.1604 19.5

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B83B46

#3BB8AD

Analogous

#B83B84

#B86E3B

#B83B46

Triadic

#B83B46

#46B83B

#3B46B8

Split Complementary

#B83B46

#3BB86E

#3B84B8

Tetradic

#B83B46

#84B83B

#3BB8AD

#6E3BB8

Color Blindness Simulation

Original

#B83B46

Protanopia

#828143

Deuteranopia

#899243

Tritanopia

#B24141

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E7
200
#EEC9CC
300
#E1A2A8
400
#D17079
500
#C13E4A
600
#9A323B
700
#7C282F
800
#611F25
900
#471A1E
950
#2D1013

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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