#370356

#370356

Color Values

HEX

#370356

RGB

55, 3, 86

HSL

277.6, 93.3%, 17.5%

HSV

277.6, 96.5%, 33.7%

CMYK

36.0%, 96.5%, 0.0%, 66.3%

OKLCH

0.2672 0.1323 307.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#370356

#225603

Analogous

#0E0356

#56034C

#370356

Triadic

#370356

#563703

#035637

Split Complementary

#370356

#4C5603

#03560E

Tetradic

#370356

#560E03

#225603

#034C56

Color Blindness Simulation

Original

#370356

Protanopia

#202042

Deuteranopia

#24273D

Tritanopia

#34322F

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BAFD
300
#D089FB
400
#B749F9
500
#9E09F6
600
#7E07C5
700
#65059E
800
#4F047B
900
#3B0859
950
#250538

Contrast Checker

Text on white

16.03:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026