#3F37EC

#3F37EC

Color Values

HEX

#3F37EC

RGB

63, 55, 236

HSL

242.7, 82.6%, 57.1%

HSV

242.7, 76.7%, 92.5%

CMYK

73.3%, 76.7%, 0.0%, 7.5%

OKLCH

0.4874 0.256 273.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3F37EC

#E4EC37

Analogous

#3789EC

#9A37EC

#3F37EC

Triadic

#3F37EC

#EC3F37

#37EC3F

Split Complementary

#3F37EC

#EC9A37

#89EC37

Tetradic

#3F37EC

#EC3789

#E4EC37

#37EC9A

Color Blindness Simulation

Original

#3F37EC

Protanopia

#3C3BC0

Deuteranopia

#3C3DB6

Tritanopia

#3F9E96

Achromatopsia

#464646

CSS Usage

background-color: #3F37EC;
color: #3F37EC;
border-color: #3F37EC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E2E1FA
200
#C0BEF9
300
#948FF4
400
#5A53EF
500
#2016E9
600
#1912BA
700
#140E95
800
#100B74
900
#100C54
950
#0A0835

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026