#BA768E

#BA768E

Color Values

HEX

#BA768E

RGB

186, 118, 142

HSL

338.8, 33.0%, 59.6%

HSV

338.8, 36.6%, 72.9%

CMYK

0.0%, 36.6%, 23.7%, 27.1%

OKLCH

0.6445 0.0903 357.2

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BA768E

#76BAA2

Analogous

#BA76B0

#BA8076

#BA768E

Triadic

#BA768E

#8EBA76

#768EBA

Split Complementary

#BA768E

#76BA80

#76B0BA

Tetradic

#BA768E

#B0BA76

#76BAA2

#8076BA

Color Blindness Simulation

Original

#BA768E

Protanopia

#9D9C88

Deuteranopia

#A0A687

Tritanopia

#B78483

Achromatopsia

#868686

CSS Usage

background-color: #BA768E;
color: #BA768E;
border-color: #BA768E;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E7D0D8
300
#D6AEBC
400
#C08298
500
#AA5573
600
#88445C
700
#6D374A
800
#552B3A
900
#3F222C
950
#28161C

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

6.07:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026