#BA5DBC

#BA5DBC

Color Values

HEX

#BA5DBC

RGB

186, 93, 188

HSL

298,7, 41,5%, 55,1%

HSV

298,7, 50,5%, 73,7%

CMYK

1,1%, 50,5%, 0,0%, 26,3%

OKLCH

0,6239 0,1686 326,6

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA5DBC

#5FBC5D

Analogous

#8A5DBC

#BC5D8F

#BA5DBC

Triadic

#BA5DBC

#BCBA5D

#5DBCBA

Split Complementary

#BA5DBC

#8FBC5D

#5DBC8A

Tetradic

#BA5DBC

#BC8A5D

#5FBC5D

#5D8FBC

Color Blindness Simulation

Original

#BA5DBC

Protanopia

#9291A5

Deuteranopia

#979EA0

Tritanopia

#B5938F

Achromatopsia

#787878

CSS Usage

background-color: #BA5DBC;
color: #BA5DBC;
border-color: #BA5DBC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CCEA
300
#DAA8DB
400
#C679C8
500
#B24BB4
600
#8E3C90
700
#723073
800
#59255A
900
#421E43
950
#2A132A

Contrast Checker

Text on white

3,9:1

AA Fail AAA Fail

Text on black

5,38:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026