#3F44F7

#3F44F7

Color Values

HEX

#3F44F7

RGB

63, 68, 247

HSL

238.4, 92.0%, 60.8%

HSV

238.4, 74.5%, 96.9%

CMYK

74.5%, 72.5%, 0.0%, 3.1%

OKLCH

0.5155 0.257 271.7

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#3F44F7

#F7F23F

Analogous

#3FA0F7

#963FF7

#3F44F7

Triadic

#3F44F7

#F73F44

#44F73F

Split Complementary

#3F44F7

#F7963F

#A0F73F

Tetradic

#3F44F7

#F73FA0

#F7F23F

#3FF796

Color Blindness Simulation

Original

#3F44F7

Protanopia

#4141CC

Deuteranopia

#4140C1

Tritanopia

#3FA9A2

Achromatopsia

#505050

CSS Usage

background-color: #3F44F7;
color: #3F44F7;
border-color: #3F44F7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFC
300
#898CFA
400
#4A4EF7
500
#0A10F5
600
#080DC4
700
#070B9D
800
#05087A
900
#080A59
950
#050738

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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