Nerdulator> put something in

Recognised as Colour

#314F94

  • #314F94
  • Blue
  • Dark
  • Nearest: Dark slateblue

#314F94 is a blue with RGB values 49, 79, 148 and HSL 222°, 50%, 39%. It is a dark colour, so white text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#314F94#314F94
HEX#314F94
RGBrgb(49, 79, 148)
RGB (0–1)0.1922, 0.3098, 0.5804
RGB percentages19.2%, 31%, 58%
HSLhsl(221.8, 50.3%, 38.6%)
HSV / HSBhsv(221.8, 66.9%, 58%)
CMYK66.9%, 46.6%, 0%, 42%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,231,636
CSS custom property--colour: #314F94;

Brightness & contrast

Relative luminance0.08383WCAG 2.x, 0 is black and 1 is white
Perceived brightness82.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.85:1
Contrast with white7.85:1WCAG normal text: AAA
Contrast with black2.68:1WCAG normal text: Fail
Greyscale equivalent#4E4E4E
Inverted#CEB06B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2D5797no red cones; affects about 1% of men; ΔE 5.7 from the original
Deuteranopia#1B4E93no green cones; the most common form, about 1% of men; ΔE 3.4 from the original
Tritanopia#005F6Ano blue cones; rare, and affects men and women equally; ΔE 42.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.85:1WCAG large text: AAA
Contrast with black, large text2.68:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 14.2Steel blue · ΔE 25.9Midnight blue · ΔE 28.2Cornflower blue · ΔE 28.5Royal blue · ΔE 30.6Slate blue · ΔE 30.6
Nearest named CSS colourDark slateblue (#483D8B)ΔE 14.18, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#947631
Analogous#318094, #453194
Triadic#94314F, #4F9431
Split complementary#944531, #809431
Tetradic#943180, #947631, #319445

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#ADBEE4
Lighter +30%#879FD7
Lighter +20%#6081CB
Lighter +10%#3E63BA
Darker −10%#243B6E
Darker −20%#182647
Darker −30%#0B1221
Darker −40%#000000
More saturated +25%#1845AD
Less saturated −25%#4A597B

Channel breakdown

R49
G79
B148
Red49 (19.2%)
Green79 (31%)
Blue148 (58%)
Hue221.82°
Saturation (HSL)50.25%
Lightness38.63%
Dominant channelBlue
Hex per channelR 31 · G 4F · B 94

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