#370236

#370236

Color Values

HEX

#370236

RGB

55, 2, 54

HSL

301.1, 93.0%, 11.2%

HSV

301.1, 96.4%, 21.6%

CMYK

0.0%, 96.4%, 1.8%, 78.4%

OKLCH

0.2379 0.1046 329.1

Properties

Warm Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#370236

#023703

Analogous

#1E0237

#37021C

#370236

Triadic

#370236

#363702

#023637

Split Complementary

#370236

#1C3702

#02371E

Tetradic

#370236

#371E02

#023703

#021C37

Color Blindness Simulation

Original

#370236

Protanopia

#202029

Deuteranopia

#232726

Tritanopia

#341F1D

Achromatopsia

#111111

CSS Usage

background-color: #370236;
color: #370236;
border-color: #370236;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFB
300
#FB89F9
400
#F849F5
500
#F609F2
600
#C507C1
700
#9D069B
800
#7B0479
900
#590858
950
#380537

Contrast Checker

Text on white

17.15:1

AA Pass AAA Pass

Text on black

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