#B447FB

#B447FB

Color Values

HEX

#B447FB

RGB

180, 71, 251

HSL

276.3, 95.7%, 63.1%

HSV

276.3, 71.7%, 98.4%

CMYK

28.3%, 71.7%, 0.0%, 1.6%

OKLCH

0.6281 0.2557 308.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#B447FB

#8EFB47

Analogous

#5A47FB

#FB47E8

#B447FB

Triadic

#B447FB

#FBB447

#47FBB4

Split Complementary

#B447FB

#E8FB47

#47FB5A

Tetradic

#B447FB

#FB5A47

#8EFB47

#47E8FB

Color Blindness Simulation

Original

#B447FB

Protanopia

#8584CF

Deuteranopia

#8B93C5

Tritanopia

#AFADA6

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F0DFFC
200
#E2B9FD
300
#CE87FC
400
#B446FB
500
#9905FA
600
#7A04C8
700
#6204A0
800
#4D037D
900
#39075A
950
#240439

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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