#B06083

#B06083

Color Values

HEX

#B06083

RGB

176, 96, 131

HSL

333.8, 33.6%, 53.3%

HSV

333.8, 45.5%, 69.0%

CMYK

0.0%, 45.5%, 25.6%, 31.0%

OKLCH

0.5917 0.1113 353.4

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#B06083

#60B08D

Analogous

#B060AB

#B06560

#B06083

Triadic

#B06083

#83B060

#6083B0

Split Complementary

#B06083

#60B065

#60ABB0

Tetradic

#B06083

#ABB060

#60B08D

#6560B0

Color Blindness Simulation

Original

#B06083

Protanopia

#8D8D7B

Deuteranopia

#929878

Tritanopia

#AC7472

Achromatopsia

#747474

CSS Usage

background-color: #B06083;
color: #B06083;
border-color: #B06083;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E7CFDA
300
#D6ADBF
400
#C0819D
500
#AA557A
600
#884462
700
#6D364E
800
#552A3D
900
#3F222F
950
#28151D

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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