#3F44F1

#3F44F1

Color Values

HEX

#3F44F1

RGB

63, 68, 241

HSL

238.3, 86.4%, 59.6%

HSV

238.3, 73.9%, 94.5%

CMYK

73.9%, 71.8%, 0.0%, 5.5%

OKLCH

0.5095 0.25 272.0

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#3F44F1

#F1EC3F

Analogous

#3F9DF1

#933FF1

#3F44F1

Triadic

#3F44F1

#F13F44

#44F13F

Split Complementary

#3F44F1

#F1933F

#9DF13F

Tetradic

#3F44F1

#F13F9D

#F1EC3F

#3FF193

Color Blindness Simulation

Original

#3F44F1

Protanopia

#4141C7

Deuteranopia

#4140BD

Tritanopia

#3FA69F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFA
300
#8D90F7
400
#4F54F2
500
#1118EE
600
#0E13BE
700
#0B0F98
800
#090C77
900
#0B0D56
950
#070836

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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