#371161

#371161

Color Values

HEX

#371161

RGB

55, 17, 97

HSL

268.5, 70.2%, 22.4%

HSV

268.5, 82.5%, 38.0%

CMYK

43.3%, 82.5%, 0.0%, 62.0%

OKLCH

0.291 0.1301 299.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#371161

#3B6111

Analogous

#111361

#5F1161

#371161

Triadic

#371161

#613711

#116137

Split Complementary

#371161

#615F11

#136111

Tetradic

#371161

#611113

#3B6111

#11615F

Color Blindness Simulation

Original

#371161

Protanopia

#27264E

Deuteranopia

#292C49

Tritanopia

#353E3B

Achromatopsia

#1F1F1F

CSS Usage

background-color: #371161;
color: #371161;
border-color: #371161;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DAC2F4
300
#C097ED
400
#9D5EE3
500
#7B26D9
600
#621EAE
700
#4F188B
800
#3E136D
900
#2F124F
950
#1E0B32

Contrast Checker

Text on white

14.84:1

AA Pass AAA Pass

Text on black

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