#3F0486

#3F0486

Color Values

HEX

#3F0486

RGB

63, 4, 134

HSL

267.2, 94.2%, 27.1%

HSV

267.2, 97.0%, 52.5%

CMYK

53.0%, 97.0%, 0.0%, 47.5%

OKLCH

0.33 0.1795 293.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3F0486

#4B8604

Analogous

#040A86

#800486

#3F0486

Triadic

#3F0486

#863F04

#04863F

Split Complementary

#3F0486

#868004

#0A8604

Tetradic

#3F0486

#86040A

#4B8604

#048680

Color Blindness Simulation

Original

#3F0486

Protanopia

#252567

Deuteranopia

#292D5F

Tritanopia

#3C4E48

Achromatopsia

#1A1A1A

CSS Usage

background-color: #3F0486;
color: #3F0486;
border-color: #3F0486;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D8BAFD
300
#BC88FB
400
#9848FA
500
#7407F8
600
#5D06C6
700
#4A059E
800
#3A047C
900
#2D075A
950
#1C0539

Contrast Checker

Text on white

13.35:1

AA Pass AAA Pass

Text on black

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