Colour

#370B56

#370B56
Violet
Dark
Nearest: Midnight blue

#370B56 is a violet with RGB values 55, 11, 86 and HSL 275°, 77%, 19%. It is a dark colour, so white text on it reaches 15.6:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#370B56#370B56

HEX#370B56

RGBrgb(55, 11, 86)

RGB (0–1)0.2157, 0.0431, 0.3373

RGB percentages21.6%, 4.3%, 33.7%

HSLhsl(275.2, 77.3%, 19%)

HSV / HSBhsv(275.2, 87.2%, 33.7%)

CMYK36%, 87.2%, 0%, 66.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,607,382

CSS custom property--colour: #370B56;

Brightness & contrast

Relative luminance0.01723WCAG 2.x, 0 is black and 1 is white

Perceived brightness42.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.62:1

Contrast with white15.62:1WCAG normal text: AAA

Contrast with black1.34:1WCAG normal text: Fail

Greyscale equivalent#1A1A1A

Inverted#C8F4A9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#002258no red cones; affects about 1% of men; ΔE 22.1 from the original

Deuteranopia#002455no green cones; the most common form, about 1% of men; ΔE 25.1 from the original

Tritanopia#311F31no blue cones; rare, and affects men and women equally; ΔE 35.2 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text15.62:1WCAG large text: AAA

Contrast with black, large text1.34:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 14.8 Dark slateblue · ΔE 20.3 Rebecca purple · ΔE 23.6 Indigo · ΔE 25.3 Purple · ΔE 28.6 Navy · ΔE 31.9

Nearest named CSS colourMidnight blue (#191970)ΔE 14.79, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#2A560B

Analogous#120B56, #560B4F

Triadic#56370B, #0B5637

Split complementary#50560B, #0B5611

Tetradic#56110B, #2A560B, #0B4F56

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#A546E7

Lighter +30%#8E1CDE

Lighter +20%#7117B0

Lighter +10%#541183

Darker −10%#1A0529

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#390061

Less saturated −25%#35174A

Channel breakdown

R55

G11

B86

Red55 (21.6%)

Green11 (4.3%)

Blue86 (33.7%)

Hue275.2°

Saturation (HSL)77.32%

Lightness19.02%

Dominant channelBlue

Hex per channelR 37 · G 0B · B 56

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#370B56

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else