#3F3FD9

#3F3FD9

Color Values

HEX

#3F3FD9

RGB

63, 63, 217

HSL

240.0, 67.0%, 54.9%

HSV

240.0, 71.0%, 85.1%

CMYK

71.0%, 71.0%, 0.0%, 14.9%

OKLCH

0.4788 0.2265 273.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3F3FD9

#D9D93F

Analogous

#3F8CD9

#8C3FD9

#3F3FD9

Triadic

#3F3FD9

#D93F3F

#3FD93F

Split Complementary

#3F3FD9

#D98C3F

#8CD93F

Tetradic

#3F3FD9

#D93F8C

#D9D93F

#3FD98C

Color Blindness Simulation

Original

#3F3FD9

Protanopia

#3F3FB4

Deuteranopia

#3F3FAB

Tritanopia

#3F9690

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C3F3
300
#9999EB
400
#6161E0
500
#2A2AD5
600
#2222AA
700
#1B1B88
800
#15156A
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026