Nerdulator> put something in

Recognised as Colour

#396FD7

  • #396FD7
  • Blue
  • Dark
  • Nearest: Royal blue

#396FD7 is a blue with RGB values 57, 111, 215 and HSL 219°, 66%, 53%. It is a dark colour, so white text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#396FD7#396FD7
HEX#396FD7
RGBrgb(57, 111, 215)
RGB (0–1)0.2235, 0.4353, 0.8431
RGB percentages22.4%, 43.5%, 84.3%
HSLhsl(219.5, 66.4%, 53.3%)
HSV / HSBhsv(219.5, 73.5%, 84.3%)
CMYK73.5%, 48.4%, 0%, 15.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,764,183
CSS custom property--colour: #396FD7;

Brightness & contrast

Relative luminance0.17145WCAG 2.x, 0 is black and 1 is white
Perceived brightness116.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.74:1
Contrast with white4.74:1WCAG normal text: AA
Contrast with black4.43:1WCAG normal text: Fail
Greyscale equivalent#6B6B6B
Inverted#C69028

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#347BDBno red cones; affects about 1% of men; ΔE 8.1 from the original
Deuteranopia#006CD5no green cones; the most common form, about 1% of men; ΔE 4.2 from the original
Tritanopia#008899no blue cones; rare, and affects men and women equally; ΔE 58.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.74:1WCAG large text: AAA
Contrast with black, large text4.43:1WCAG large text: AA

Named colours

Royal blue · ΔE 10.8Dodgerblue · ΔE 14.3Cornflower blue · ΔE 18.5Slate blue · ΔE 18.5Medium purple · ΔE 21.8Medium slateblue · ΔE 24.5
Nearest named CSS colourRoyal blue (#4169E1)ΔE 10.76, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D7A139
Analogous#39BED7, #5239D7
Triadic#D7396F, #6FD739
Split complementary#D75239, #BED739
Tetradic#D739BE, #D7A139, #39D752

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E3EAF9
Lighter +30%#B8CCF1
Lighter +20%#8EADE8
Lighter +10%#638EE0
Darker −10%#2557B8
Darker −20%#1D438D
Darker −30%#142F63
Darker −40%#0B1B39
More saturated +25%#1B66F5
Less saturated −25%#5778B9

Channel breakdown

R57
G111
B215
Red57 (22.4%)
Green111 (43.5%)
Blue215 (84.3%)
Hue219.49°
Saturation (HSL)66.39%
Lightness53.33%
Dominant channelBlue
Hex per channelR 39 · G 6F · B D7

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 “396fd7” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.