#3F48C0

#3F48C0

Color Values

HEX

#3F48C0

RGB

63, 72, 192

HSL

235.8, 50.6%, 50.0%

HSV

235.8, 67.2%, 75.3%

CMYK

67.2%, 62.5%, 0.0%, 24.7%

OKLCH

0.4704 0.1851 273.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#3F48C0

#C0B73F

Analogous

#3F89C0

#763FC0

#3F48C0

Triadic

#3F48C0

#C03F48

#48C03F

Split Complementary

#3F48C0

#C0763F

#89C03F

Tetradic

#3F48C0

#C03F89

#C0B73F

#3FC076

Color Blindness Simulation

Original

#3F48C0

Protanopia

#4343A3

Deuteranopia

#42429C

Tritanopia

#3F8C87

Achromatopsia

#4F4F4F

CSS Usage

background-color: #3F48C0;
color: #3F48C0;
border-color: #3F48C0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CCED
300
#A3A7E1
400
#7178D0
500
#3F48C0
600
#323A9A
700
#282E7B
800
#1F2460
900
#1A1D47
950
#11132D

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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