#370764

#370764

Color Values

HEX

#370764

RGB

55, 7, 100

HSL

271.0, 86.9%, 21.0%

HSV

271.0, 93.0%, 39.2%

CMYK

45.0%, 93.0%, 0.0%, 60.8%

OKLCH

0.2849 0.1425 299.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#370764

#346407

Analogous

#090764

#640763

#370764

Triadic

#370764

#643707

#076437

Split Complementary

#370764

#636407

#076409

Tetradic

#370764

#640907

#346407

#076364

Color Blindness Simulation

Original

#370764

Protanopia

#22224E

Deuteranopia

#252948

Tritanopia

#353C38

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBCFA
300
#C48DF7
400
#A34FF3
500
#8311EE
600
#690DBF
700
#540B99
800
#420877
900
#320B56
950
#1F0737

Contrast Checker

Text on white

15.25:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026