Nerdulator> put something in

Recognised as Colour

#396F8D

  • #396F8D
  • Blue
  • Dark
  • Nearest: Steel blue

#396F8D is a blue with RGB values 57, 111, 141 and HSL 201°, 42%, 39%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#396F8D#396F8D
HEX#396F8D
RGBrgb(57, 111, 141)
RGB (0–1)0.2235, 0.4353, 0.5529
RGB percentages22.4%, 43.5%, 55.3%
HSLhsl(201.4, 42.4%, 38.8%)
HSV / HSBhsv(201.4, 59.6%, 55.3%)
CMYK59.6%, 21.3%, 0%, 44.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,764,109
CSS custom property--colour: #396F8D;

Brightness & contrast

Relative luminance0.14162WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.48:1
Contrast with white5.48:1WCAG normal text: AA
Contrast with black3.83:1WCAG normal text: Fail
Greyscale equivalent#666666
Inverted#C69072

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#616E8Eno red cones; affects about 1% of men; ΔE 12.1 from the original
Deuteranopia#55658Dno green cones; the most common form, about 1% of men; ΔE 13.4 from the original
Tritanopia#007779no blue cones; rare, and affects men and women equally; ΔE 22.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.48:1WCAG large text: AAA
Contrast with black, large text3.83:1WCAG large text: AA

Named colours

Steel blue · ΔE 13.8Slate grey · ΔE 15.4Light slate grey · ΔE 16.9Dark slate grey · ΔE 22.6Dim grey · ΔE 23.5Teal · ΔE 24.6
Nearest named CSS colourSteel blue (#4682B4)ΔE 13.82, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#8D5739
Analogous#398D81, #39458D
Triadic#8D396F, #6F8D39
Split complementary#8D3945, #8D8139
Tetradic#81398D, #8D5739, #458D39

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B2D0E0
Lighter +30%#8EB9D1
Lighter +20%#69A3C3
Lighter +10%#488CB1
Darker −10%#2A5269
Darker −20%#1C3644
Darker −30%#0D1920
Darker −40%#000000
More saturated +25%#2076A6
Less saturated −25%#526874

Channel breakdown

R57
G111
B141
Red57 (22.4%)
Green111 (43.5%)
Blue141 (55.3%)
Hue201.43°
Saturation (HSL)42.42%
Lightness38.82%
Dominant channelBlue
Hex per channelR 39 · G 6F · B 8D

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “396f8d” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.