#B478E2

#B478E2

Color Values

HEX

#B478E2

RGB

180, 120, 226

HSL

274.0, 64.6%, 67.8%

HSV

274.0, 46.9%, 88.6%

CMYK

20.4%, 46.9%, 0.0%, 11.4%

OKLCH

0.6767 0.1616 308.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#B478E2

#A6E278

Analogous

#7F78E2

#E278DB

#B478E2

Triadic

#B478E2

#E2B478

#78E2B4

Split Complementary

#B478E2

#DBE278

#78E27F

Tetradic

#B478E2

#E27F78

#A6E278

#78DBE2

Color Blindness Simulation

Original

#B478E2

Protanopia

#9A99C8

Deuteranopia

#9EA2C2

Tritanopia

#B1B4B0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C79AE9
400
#A964DE
500
#8A2DD2
600
#6F24A8
700
#591D86
800
#451769
900
#34144D
950
#210D30

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026