#370DF2

#370DF2

Color Values

HEX

#370DF2

RGB

55, 13, 242

HSL

251.0, 89.8%, 50.0%

HSV

251.0, 94.6%, 94.9%

CMYK

77.3%, 94.6%, 0.0%, 5.1%

OKLCH

0.4565 0.2873 272.3

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#370DF2

#C8F20D

Analogous

#0D56F2

#A90DF2

#370DF2

Triadic

#370DF2

#F2370D

#0DF237

Split Complementary

#370DF2

#F2A90D

#56F20D

Tetradic

#370DF2

#F20D56

#C8F20D

#0DF2A9

Color Blindness Simulation

Original

#370DF2

Protanopia

#2524BB

Deuteranopia

#272AAD

Tritanopia

#358F85

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C7BBFB
300
#9F8BF9
400
#6B4CF5
500
#370DF2
600
#2C0AC2
700
#23089B
800
#1B0779
900
#180958
950
#0F0637

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026