#3F30CF

#3F30CF

Color Values

HEX

#3F30CF

RGB

63, 48, 207

HSL

245,7, 62,4%, 50,0%

HSV

245,7, 76,8%, 81,2%

CMYK

69,6%, 76,8%, 0,0%, 18,8%

OKLCH

0,4485 0,2289 276,1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3F30CF

#C0CF30

Analogous

#3070CF

#8F30CF

#3F30CF

Triadic

#3F30CF

#CF3F30

#30CF3F

Split Complementary

#3F30CF

#CF8F30

#70CF30

Tetradic

#3F30CF

#CF3070

#C0CF30

#30CF8F

Color Blindness Simulation

Original

#3F30CF

Protanopia

#3938A9

Deuteranopia

#393A9F

Tritanopia

#3E8A83

Achromatopsia

#3F3F3F

CSS Usage

background-color: #3F30CF;
color: #3F30CF;
border-color: #3F30CF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C9C5F2
300
#A39CE8
400
#7166DC
500
#3F30CF
600
#3226A6
700
#281F85
800
#201868
900
#1A154C
950
#110D30

Contrast Checker

Text on white

8,28:1

AA Pass AAA Pass

Text on black

2,54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026