#B63BC4

#B63BC4

Color Values

HEX

#B63BC4

RGB

182, 59, 196

HSL

293.9, 53.7%, 50.0%

HSV

293.9, 69.9%, 76.9%

CMYK

7.1%, 69.9%, 0.0%, 23.1%

OKLCH

0.5834 0.2213 323.5

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#B63BC4

#49C43B

Analogous

#723BC4

#C43B8D

#B63BC4

Triadic

#B63BC4

#C4B63B

#3BC4B6

Split Complementary

#B63BC4

#8DC43B

#3BC472

Tetradic

#B63BC4

#C4723B

#49C43B

#3B8DC4

Color Blindness Simulation

Original

#B63BC4

Protanopia

#8180A3

Deuteranopia

#88919B

Tritanopia

#B08983

Achromatopsia

#5F5F5F

CSS Usage

background-color: #B63BC4;
color: #B63BC4;
border-color: #B63BC4;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC8EE
300
#DCA1E3
400
#C96ED3
500
#B63BC4
600
#922F9D
700
#75267D
800
#5B1E62
900
#431948
950
#2A102D

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail 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