#B477DB

#B477DB

Color Values

HEX

#B477DB

RGB

180, 119, 219

HSL

276,6, 58,1%, 66,3%

HSV

276,6, 45,7%, 85,9%

CMYK

17,8%, 45,7%, 0,0%, 14,1%

OKLCH

0,6715 0,1551 311,0

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#B477DB

#9EDB77

Analogous

#8277DB

#DB77D0

#B477DB

Triadic

#B477DB

#DBB477

#77DBB4

Split Complementary

#B477DB

#D0DB77

#77DB82

Tetradic

#B477DB

#DB8277

#9EDB77

#77D0DB

Color Blindness Simulation

Original

#B477DB

Protanopia

#9A99C3

Deuteranopia

#9DA2BD

Tritanopia

#B1B0AC

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#E0C7F0
300
#CA9EE5
400
#AD6AD7
500
#9035CA
600
#732BA1
700
#5C2281
800
#481B65
900
#36174A
950
#220F2F

Contrast Checker

Text on white

3,18:1

AA Fail AAA Fail

Text on black

6,6: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