#370651

#370651

Color Values

HEX

#370651

RGB

55, 6, 81

HSL

279.2, 86.2%, 17.1%

HSV

279.2, 92.6%, 31.8%

CMYK

32.1%, 92.6%, 0.0%, 68.2%

OKLCH

0.2651 0.1243 309.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#370651

#205106

Analogous

#120651

#510646

#370651

Triadic

#370651

#513706

#065137

Split Complementary

#370651

#465106

#065112

Tetradic

#370651

#511206

#205106

#064651

Color Blindness Simulation

Original

#370651

Protanopia

#22213F

Deuteranopia

#25283A

Tritanopia

#35312D

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BDFA
300
#D28DF7
400
#BA4FF2
500
#A112ED
600
#810EBE
700
#670B98
800
#510977
900
#3C0B56
950
#260736

Contrast Checker

Text on white

16.06:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026