#B47FF6

#B47FF6

Color Values

HEX

#B47FF6

RGB

180, 127, 246

HSL

266.7, 86.9%, 73.1%

HSV

266.7, 48.4%, 96.5%

CMYK

26.8%, 48.4%, 0.0%, 3.5%

OKLCH

0.6986 0.1743 302.7

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#B47FF6

#C1F67F

Analogous

#7F85F6

#EF7FF6

#B47FF6

Triadic

#B47FF6

#F6B47F

#7FF6B4

Split Complementary

#B47FF6

#F6EF7F

#85F67F

Tetradic

#B47FF6

#F67F85

#C1F67F

#7FF6EF

Color Blindness Simulation

Original

#B47FF6

Protanopia

#9D9DD9

Deuteranopia

#A0A4D2

Tritanopia

#B1C2BD

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BCFA
300
#BC8DF7
400
#984FF3
500
#7311EE
600
#5C0DBF
700
#4A0B99
800
#3A0877
900
#2C0B56
950
#1C0737

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

7.31:1

AA Pass AAA Pass

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