#BA4F79

#BA4F79

Color Values

HEX

#BA4F79

RGB

186, 79, 121

HSL

336,4, 43,7%, 52,0%

HSV

336,4, 57,5%, 72,9%

CMYK

0,0%, 57,5%, 34,9%, 27,1%

OKLCH

0,5773 0,1445 358,1

Properties

Warm Dark Nearest: hotpink 3

Color Harmonies

Complementary

#BA4F79

#4FBA90

Analogous

#BA4FAF

#BA5B4F

#BA4F79

Triadic

#BA4F79

#79BA4F

#4F79BA

Split Complementary

#BA4F79

#4FBA5B

#4FAFBA

Tetradic

#BA4F79

#AFBA4F

#4FBA90

#5B4FBA

Color Blindness Simulation

Original

#BA4F79

Protanopia

#8C8B6F

Deuteranopia

#929A6C

Tritanopia

#B56765

Achromatopsia

#696969

CSS Usage

background-color: #BA4F79;
color: #BA4F79;
border-color: #BA4F79;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCD8
300
#DDA7BC
400
#CA7798
500
#B74874
600
#93395C
700
#752E4A
800
#5C243A
900
#441D2C
950
#2B131C

Contrast Checker

Text on white

4,69:1

AA Pass AAA Fail

Text on black

4,48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026