#B3585F

#B3585F

Color Values

HEX

#B3585F

RGB

179, 88, 95

HSL

355.4, 37.4%, 52.4%

HSV

355.4, 50.8%, 70.2%

CMYK

0.0%, 50.8%, 46.9%, 29.8%

OKLCH

0.5727 0.1183 16.8

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#B3585F

#58B3AC

Analogous

#B3588D

#B37F58

#B3585F

Triadic

#B3585F

#5FB358

#585FB3

Split Complementary

#B3585F

#58B37F

#588DB3

Tetradic

#B3585F

#8DB358

#58B3AC

#7F58B3

Color Blindness Simulation

Original

#B3585F

Protanopia

#8C8B5D

Deuteranopia

#91985D

Tritanopia

#AE5C5C

Achromatopsia

#6C6C6C

CSS Usage

background-color: #B3585F;
color: #B3585F;
border-color: #B3585F;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CED0
300
#D9ABAE
400
#C47D83
500
#AF5057
600
#8C4046
700
#703338
800
#58282C
900
#412023
950
#291416

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

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