#370653

#370653

Color Values

HEX

#370653

RGB

55, 6, 83

HSL

278.2, 86.5%, 17.5%

HSV

278.2, 92.8%, 32.5%

CMYK

33.7%, 92.8%, 0.0%, 67.5%

OKLCH

0.267 0.1262 308.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#370653

#225306

Analogous

#110653

#530649

#370653

Triadic

#370653

#533706

#065337

Split Complementary

#370653

#495306

#065311

Tetradic

#370653

#531106

#225306

#064953

Color Blindness Simulation

Original

#370653

Protanopia

#222140

Deuteranopia

#25283C

Tritanopia

#35322E

Achromatopsia

#161616

CSS Usage

background-color: #370653;
color: #370653;
border-color: #370653;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E4BCFA
300
#D08DF7
400
#B74FF2
500
#9E11EE
600
#7E0EBE
700
#650B98
800
#4F0977
900
#3B0B56
950
#250736

Contrast Checker

Text on white

15.99:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026