#B273FA

#B273FA

Color Values

HEX

#B273FA

RGB

178, 115, 250

HSL

268.0, 93.1%, 71.6%

HSV

268.0, 54.0%, 98.0%

CMYK

28.8%, 54.0%, 0.0%, 2.0%

OKLCH

0.6803 0.1968 303.1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B273FA

#BBFA73

Analogous

#7378FA

#F673FA

#B273FA

Triadic

#B273FA

#FAB273

#73FAB2

Split Complementary

#B273FA

#FAF673

#78FA73

Tetradic

#B273FA

#FA7378

#BBFA73

#73FAF6

Color Blindness Simulation

Original

#B273FA

Protanopia

#9796D9

Deuteranopia

#9A9FD2

Tritanopia

#AFC0BA

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D9BAFD
300
#BE89FB
400
#9B49F8
500
#7809F6
600
#6007C5
700
#4D069E
800
#3C047B
900
#2E0859
950
#1D0538

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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