Nerdulator> put something in

Recognised as Colour

#31539F

  • #31539F
  • Blue
  • Dark
  • Nearest: Dark slateblue

#31539F is a blue with RGB values 49, 83, 159 and HSL 221°, 53%, 41%. It is a dark colour, so white text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#31539F#31539F
HEX#31539F
RGBrgb(49, 83, 159)
RGB (0–1)0.1922, 0.3255, 0.6235
RGB percentages19.2%, 32.5%, 62.4%
HSLhsl(221.5, 52.9%, 40.8%)
HSV / HSBhsv(221.5, 69.2%, 62.4%)
CMYK69.2%, 47.8%, 0%, 37.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,232,671
CSS custom property--colour: #31539F;

Brightness & contrast

Relative luminance0.09343WCAG 2.x, 0 is black and 1 is white
Perceived brightness87.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.32:1
Contrast with white7.32:1WCAG normal text: AAA
Contrast with black2.87:1WCAG normal text: Fail
Greyscale equivalent#515151
Inverted#CEAC60

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2C5CA2no red cones; affects about 1% of men; ΔE 6.6 from the original
Deuteranopia#13519Dno green cones; the most common form, about 1% of men; ΔE 3.8 from the original
Tritanopia#006571no blue cones; rare, and affects men and women equally; ΔE 46.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.32:1WCAG large text: AAA
Contrast with black, large text2.87:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 13.8Cornflower blue · ΔE 26.1Royal blue · ΔE 26.2Slate blue · ΔE 27Steel blue · ΔE 27.2Midnight blue · ΔE 27.7
Nearest named CSS colourDark slateblue (#483D8B)ΔE 13.76, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#9F7D31
Analogous#318A9F, #46319F
Triadic#9F3153, #539F31
Split complementary#9F4631, #8A9F31
Tetradic#9F318A, #9F7D31, #319F46

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B4C4E8
Lighter +30%#8DA5DC
Lighter +20%#6687D0
Lighter +10%#3F68C4
Darker −10%#253F78
Darker −20%#192A51
Darker −30%#0D162A
Darker −40%#010203
More saturated +25%#1749B9
Less saturated −25%#4B5D85

Channel breakdown

R49
G83
B159
Red49 (19.2%)
Green83 (32.5%)
Blue159 (62.4%)
Hue221.45°
Saturation (HSL)52.88%
Lightness40.78%
Dominant channelBlue
Hex per channelR 31 · G 53 · B 9F

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