#3F0DF2

#3F0DF2

Color Values

HEX

#3F0DF2

RGB

63, 13, 242

HSL

253.1, 89.8%, 50.0%

HSV

253.1, 94.6%, 94.9%

CMYK

74.0%, 94.6%, 0.0%, 5.1%

OKLCH

0.4613 0.2853 274.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3F0DF2

#C0F20D

Analogous

#0D4EF2

#B10DF2

#3F0DF2

Triadic

#3F0DF2

#F23F0D

#0DF23F

Split Complementary

#3F0DF2

#F2B10D

#4EF20D

Tetradic

#3F0DF2

#F20D4E

#C0F20D

#0DF2B1

Color Blindness Simulation

Original

#3F0DF2

Protanopia

#2929BB

Deuteranopia

#2C30AD

Tritanopia

#3C8F85

Achromatopsia

#282828

CSS Usage

background-color: #3F0DF2;
color: #3F0DF2;
border-color: #3F0DF2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C9BBFB
300
#A38BF9
400
#714CF5
500
#3F0DF2
600
#320AC2
700
#28089B
800
#200779
900
#1A0958
950
#110637

Contrast Checker

Text on white

8.23:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026