#BA83A5

#BA83A5

Color Values

HEX

#BA83A5

RGB

186, 131, 165

HSL

322.9, 28.5%, 62.2%

HSV

322.9, 29.6%, 72.9%

CMYK

0.0%, 29.6%, 11.3%, 27.1%

OKLCH

0.6752 0.0812 341.9

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BA83A5

#83BA98

Analogous

#B483BA

#BA838A

#BA83A5

Triadic

#BA83A5

#A5BA83

#83A5BA

Split Complementary

#BA83A5

#8ABA83

#83BAB4

Tetradic

#BA83A5

#BAB483

#83BA98

#838ABA

Color Blindness Simulation

Original

#BA83A5

Protanopia

#A2A29D

Deuteranopia

#A5AA9B

Tritanopia

#B79695

Achromatopsia

#919191

CSS Usage

background-color: #BA83A5;
color: #BA83A5;
border-color: #BA83A5;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F1E9EE
200
#E5D1DE
300
#D3B0C6
400
#BC86A7
500
#A45B88
600
#83496D
700
#693A57
800
#522E44
900
#3D2433
950
#261720

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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