#37047D

#37047D

Color Values

HEX

#37047D

RGB

55, 4, 125

HSL

265.3, 93.8%, 25.3%

HSV

265.3, 96.8%, 49.0%

CMYK

56.0%, 96.8%, 0.0%, 51.0%

OKLCH

0.3102 0.1703 290.8

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#37047D

#4A7D04

Analogous

#040D7D

#74047D

#37047D

Triadic

#37047D

#7D3704

#047D37

Split Complementary

#37047D

#7D7404

#0D7D04

Tetradic

#37047D

#7D040D

#4A7D04

#047D74

Color Blindness Simulation

Original

#37047D

Protanopia

#212060

Deuteranopia

#242859

Tritanopia

#344944

Achromatopsia

#181818

CSS Usage

background-color: #37047D;
color: #37047D;
border-color: #37047D;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D6BAFD
300
#B988FB
400
#9348F9
500
#6D08F7
600
#5706C6
700
#46059E
800
#36047C
900
#2A0859
950
#1B0538

Contrast Checker

Text on white

14.23:1

AA Pass AAA Pass

Text on black

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