#372FDC

#372FDC

Color Values

HEX

#372FDC

RGB

55, 47, 220

HSL

242.8, 71.2%, 52.4%

HSV

242.8, 78.6%, 86.3%

CMYK

75.0%, 78.6%, 0.0%, 13.7%

OKLCH

0.4563 0.2465 272.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#372FDC

#D4DC2F

Analogous

#2F7EDC

#8E2FDC

#372FDC

Triadic

#372FDC

#DC372F

#2FDC37

Split Complementary

#372FDC

#DC8E2F

#7EDC2F

Tetradic

#372FDC

#DC2F7E

#D4DC2F

#2FDC8E

Color Blindness Simulation

Original

#372FDC

Protanopia

#3433B2

Deuteranopia

#3435A8

Tritanopia

#37918A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #372FDC;
color: #372FDC;
border-color: #372FDC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C2F5
300
#9A96ED
400
#645DE4
500
#2D25DA
600
#241DAF
700
#1D188C
800
#17126D
900
#14114F
950
#0D0B32

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

2.6: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