#B363BA

#B363BA

Color Values

HEX

#B363BA

RGB

179, 99, 186

HSL

295.2, 38.7%, 55.9%

HSV

295.2, 46.8%, 72.9%

CMYK

3.8%, 46.8%, 0.0%, 27.1%

OKLCH

0.6229 0.1525 324.2

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#B363BA

#6ABA63

Analogous

#8863BA

#BA6396

#B363BA

Triadic

#B363BA

#BAB363

#63BAB3

Split Complementary

#B363BA

#96BA63

#63BA88

Tetradic

#B363BA

#BA8863

#6ABA63

#6396BA

Color Blindness Simulation

Original

#B363BA

Protanopia

#9090A5

Deuteranopia

#959BA0

Tritanopia

#AF9491

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E7CDE9
300
#D6AAD9
400
#BF7CC5
500
#A94EB1
600
#873F8D
700
#6C3271
800
#542758
900
#3F2041
950
#281429

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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