#3F06C6

#3F06C6

Color Values

HEX

#3F06C6

RGB

63, 6, 198

HSL

257.8, 94.1%, 40.0%

HSV

257.8, 97.0%, 77.6%

CMYK

68.2%, 97.0%, 0.0%, 22.4%

OKLCH

0.4057 0.243 279.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3F06C6

#8DC606

Analogous

#062DC6

#9F06C6

#3F06C6

Triadic

#3F06C6

#C63F06

#06C63F

Split Complementary

#3F06C6

#C69F06

#2DC606

Tetradic

#3F06C6

#C6062D

#8DC606

#06C69F

Color Blindness Simulation

Original

#3F06C6

Protanopia

#262698

Deuteranopia

#2A2E8C

Tritanopia

#3C736B

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CEBAFD
300
#AA88FB
400
#7D48F9
500
#4F08F7
600
#3F06C6
700
#32059E
800
#27047C
900
#200759
950
#140539

Contrast Checker

Text on white

10.23:1

AA Pass AAA Pass

Text on black

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