#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026