#B866ED

#B866ED

Color Values

HEX

#B866ED

RGB

184, 102, 237

HSL

276.4, 78.9%, 66.5%

HSV

276.4, 57.0%, 92.9%

CMYK

22.4%, 57.0%, 0.0%, 7.1%

OKLCH

0.6604 0.2031 310.0

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#B866ED

#9BED66

Analogous

#7566ED

#ED66DF

#B866ED

Triadic

#B866ED

#EDB866

#66EDB8

Split Complementary

#B866ED

#DFED66

#66ED75

Tetradic

#B866ED

#ED7566

#9BED66

#66DFED

Color Blindness Simulation

Original

#B866ED

Protanopia

#9494CC

Deuteranopia

#999FC4

Tritanopia

#B4B3AD

Achromatopsia

#818181

CSS Usage

background-color: #B866ED;
color: #B866ED;
border-color: #B866ED;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CC92F2
400
#B156EB
500
#951BE4
600
#7716B6
700
#5F1192
800
#4A0D72
900
#380E53
950
#230934

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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