#B284D5

#B284D5

Color Values

HEX

#B284D5

RGB

178, 132, 213

HSL

274.1, 49.1%, 67.6%

HSV

274.1, 38.0%, 83.5%

CMYK

16.4%, 38.0%, 0.0%, 16.5%

OKLCH

0.6883 0.1252 309.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B284D5

#A7D584

Analogous

#8984D5

#D584CF

#B284D5

Triadic

#B284D5

#D5B284

#84D5B2

Split Complementary

#B284D5

#CFD584

#84D589

Tetradic

#B284D5

#D58984

#A7D584

#84CFD5

Color Blindness Simulation

Original

#B284D5

Protanopia

#9E9EC1

Deuteranopia

#A1A4BD

Tritanopia

#B0B2AF

Achromatopsia

#949494

CSS Usage

background-color: #B284D5;
color: #B284D5;
border-color: #B284D5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DECAED
300
#C6A4E0
400
#A772CF
500
#8841BE
600
#6D3498
700
#572A7A
800
#44205F
900
#331B46
950
#20112C

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026