#3F3AE3

#3F3AE3

Color Values

HEX

#3F3AE3

RGB

63, 58, 227

HSL

241.8, 75.1%, 55.9%

HSV

241.8, 74.4%, 89.0%

CMYK

72.2%, 74.4%, 0.0%, 11.0%

OKLCH

0.4819 0.2431 273.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3F3AE3

#DEE33A

Analogous

#3A89E3

#943AE3

#3F3AE3

Triadic

#3F3AE3

#E33F3A

#3AE33F

Split Complementary

#3F3AE3

#E3943A

#89E33A

Tetradic

#3F3AE3

#E33A89

#DEE33A

#3AE394

Color Blindness Simulation

Original

#3F3AE3

Protanopia

#3D3DBA

Deuteranopia

#3D3DB0

Tritanopia

#3F9A93

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9794F0
400
#5E5AE8
500
#2520DF
600
#1E19B3
700
#18148F
800
#131070
900
#121051
950
#0B0A33

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026