#B85559

#B85559

Color Values

HEX

#B85559

RGB

184, 85, 89

HSL

357,6, 41,1%, 52,7%

HSV

357,6, 53,8%, 72,2%

CMYK

0,0%, 53,8%, 51,6%, 27,8%

OKLCH

0,5739 0,1284 19,5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B85559

#55B8B4

Analogous

#B8558A

#B88255

#B85559

Triadic

#B85559

#59B855

#5559B8

Split Complementary

#B85559

#55B882

#558AB8

Tetradic

#B85559

#8AB855

#55B8B4

#8255B8

Color Blindness Simulation

Original

#B85559

Protanopia

#8D8C58

Deuteranopia

#939A58

Tritanopia

#B35757

Achromatopsia

#6A6A6A

CSS Usage

background-color: #B85559;
color: #B85559;
border-color: #B85559;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCE
300
#DBA9AB
400
#C77A7D
500
#B44B4F
600
#903C3F
700
#733033
800
#5A2628
900
#421F20
950
#2A1314

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48: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