#B480C2

#B480C2

Color Values

HEX

#B480C2

RGB

180, 128, 194

HSL

287.3, 35.1%, 63.1%

HSV

287.3, 34.0%, 76.1%

CMYK

7.2%, 34.0%, 0.0%, 23.9%

OKLCH

0.6748 0.1107 319.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B480C2

#8EC280

Analogous

#9380C2

#C280AF

#B480C2

Triadic

#B480C2

#C2B480

#80C2B4

Split Complementary

#B480C2

#AFC280

#80C293

Tetradic

#B480C2

#C29380

#8EC280

#80AFC2

Color Blindness Simulation

Original

#B480C2

Protanopia

#9D9DB2

Deuteranopia

#A0A4AE

Tritanopia

#B1A5A3

Achromatopsia

#909090

CSS Usage

background-color: #B480C2;
color: #B480C2;
border-color: #B480C2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E3CFE8
300
#CEACD7
400
#B480C2
500
#9953AC
600
#7B428A
700
#62356E
800
#4D2956
900
#392140
950
#241528

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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