#B142FF

#B142FF

Color Values

HEX

#B142FF

RGB

177, 66, 255

HSL

275.2, 100.0%, 62.9%

HSV

275.2, 74.1%, 100.0%

CMYK

30.6%, 74.1%, 0.0%, 0.0%

OKLCH

0.6226 0.2639 306.9

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#B142FF

#90FF42

Analogous

#5242FF

#FF42EF

#B142FF

Triadic

#B142FF

#FFB142

#42FFB1

Split Complementary

#B142FF

#EFFF42

#42FF52

Tetradic

#B142FF

#FF5242

#90FF42

#42EFFF

Color Blindness Simulation

Original

#B142FF

Protanopia

#8180D1

Deuteranopia

#8790C6

Tritanopia

#ABADA5

Achromatopsia

#676767

CSS Usage

background-color: #B142FF;
color: #B142FF;
border-color: #B142FF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F1FE
100
#F0DEFC
200
#E1B8FF
300
#CC85FF
400
#B142FF
500
#9600FF
600
#7800CC
700
#6000A3
800
#4B0080
900
#38055C
950
#23033A

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026