#B154EF

#B154EF

Color Values

HEX

#B154EF

RGB

177, 84, 239

HSL

276.0, 82.9%, 63.3%

HSV

276.0, 64.9%, 93.7%

CMYK

25.9%, 64.9%, 0.0%, 6.3%

OKLCH

0.6305 0.2279 308.8

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#B154EF

#92EF54

Analogous

#6354EF

#EF54DF

#B154EF

Triadic

#B154EF

#EFB154

#54EFB1

Split Complementary

#B154EF

#DFEF54

#54EF63

Tetradic

#B154EF

#EF6354

#92EF54

#54DFEF

Color Blindness Simulation

Original

#B154EF

Protanopia

#8988CA

Deuteranopia

#8E95C0

Tritanopia

#ACACA5

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1FA
200
#E1BEF9
300
#CC8FF5
400
#B052EF
500
#9516E9
600
#7711BB
700
#5F0E95
800
#4A0B75
900
#380C55
950
#230835

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026