#B04CEF

#B04CEF

Color Values

HEX

#B04CEF

RGB

176, 76, 239

HSL

276.8, 83.6%, 61.8%

HSV

276.8, 68.2%, 93.7%

CMYK

26.4%, 68.2%, 0.0%, 6.3%

OKLCH

0.6202 0.2376 309.2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B04CEF

#8BEF4C

Analogous

#5F4CEF

#EF4CDD

#B04CEF

Triadic

#B04CEF

#EFB04C

#4CEFB0

Split Complementary

#B04CEF

#DDEF4C

#4CEF5F

Tetradic

#B04CEF

#EF5F4C

#8BEF4C

#4CDDEF

Color Blindness Simulation

Original

#B04CEF

Protanopia

#8584C8

Deuteranopia

#8A92BE

Tritanopia

#ABA8A2

Achromatopsia

#6D6D6D

CSS Usage

background-color: #B04CEF;
color: #B04CEF;
border-color: #B04CEF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F0E0FA
200
#E2BDF9
300
#CD8FF5
400
#B352F0
500
#9815EA
600
#7911BB
700
#610D96
800
#4C0A75
900
#390C55
950
#240836

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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