#B15F63

#B15F63

Color Values

HEX

#B15F63

RGB

177, 95, 99

HSL

357.1, 34.5%, 53.3%

HSV

357.1, 46.3%, 69.4%

CMYK

0.0%, 46.3%, 44.1%, 30.6%

OKLCH

0.582 0.1063 17.8

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B15F63

#5FB1AD

Analogous

#B15F8C

#B1845F

#B15F63

Triadic

#B15F63

#63B15F

#5F63B1

Split Complementary

#B15F63

#5FB184

#5F8CB1

Tetradic

#B15F63

#8CB15F

#5FB1AD

#845FB1

Color Blindness Simulation

Original

#B15F63

Protanopia

#8D8D62

Deuteranopia

#929862

Tritanopia

#AD6161

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ADAF
400
#C18083
500
#AB5458
600
#894346
700
#6E3538
800
#562A2C
900
#3F2123
950
#281516

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026