#B16063

#B16063

Color Values

HEX

#B16063

RGB

177, 96, 99

HSL

357.8, 34.2%, 53.5%

HSV

357.8, 45.8%, 69.4%

CMYK

0.0%, 45.8%, 44.1%, 30.6%

OKLCH

0.5837 0.105 18.5

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#B16063

#60B1AE

Analogous

#B1608B

#B18560

#B16063

Triadic

#B16063

#63B160

#6063B1

Split Complementary

#B16063

#60B185

#608BB1

Tetradic

#B16063

#8BB160

#60B1AE

#8560B1

Color Blindness Simulation

Original

#B16063

Protanopia

#8E8D62

Deuteranopia

#939962

Tritanopia

#AD6262

Achromatopsia

#717171

CSS Usage

background-color: #B16063;
color: #B16063;
border-color: #B16063;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ADAE
400
#C18083
500
#AB5457
600
#894346
700
#6E3638
800
#562A2C
900
#3F2223
950
#281516

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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