#370FF0

#370FF0

Color Values

HEX

#370FF0

RGB

55, 15, 240

HSL

250.7, 88.2%, 50.0%

HSV

250.7, 93.8%, 94.1%

CMYK

77.1%, 93.8%, 0.0%, 5.9%

OKLCH

0.4548 0.2848 272.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#370FF0

#C8F00F

Analogous

#0F57F0

#A80FF0

#370FF0

Triadic

#370FF0

#F0370F

#0FF037

Split Complementary

#370FF0

#F0A80F

#57F00F

Tetradic

#370FF0

#F00F57

#C8F00F

#0FF0A8

Color Blindness Simulation

Original

#370FF0

Protanopia

#2625BA

Deuteranopia

#282BAC

Tritanopia

#358F85

Achromatopsia

#282828

CSS Usage

background-color: #370FF0;
color: #370FF0;
border-color: #370FF0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C7BCFB
300
#9F8CF8
400
#6B4DF4
500
#370FF0
600
#2C0CC0
700
#230A9A
800
#1C0878
900
#180A57
950
#0F0637

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026