Nerdulator> put something in

Recognised as Colour

#416EA4

  • #416EA4
  • Blue
  • Dark
  • Nearest: Steel blue

#416EA4 is a blue with RGB values 65, 110, 164 and HSL 213°, 43%, 45%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#416EA4#416EA4
HEX#416EA4
RGBrgb(65, 110, 164)
RGB (0–1)0.2549, 0.4314, 0.6431
RGB percentages25.5%, 43.1%, 64.3%
HSLhsl(212.7, 43.2%, 44.9%)
HSV / HSBhsv(212.7, 60.4%, 64.3%)
CMYK60.4%, 32.9%, 0%, 35.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,288,164
CSS custom property--colour: #416EA4;

Brightness & contrast

Relative luminance0.14956WCAG 2.x, 0 is black and 1 is white
Perceived brightness106.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.26:1
Contrast with white5.26:1WCAG normal text: AA
Contrast with black3.99:1WCAG normal text: Fail
Greyscale equivalent#686868
Inverted#BE915B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5771A6no red cones; affects about 1% of men; ΔE 5 from the original
Deuteranopia#4A68A3no green cones; the most common form, about 1% of men; ΔE 5.7 from the original
Tritanopia#007A81no blue cones; rare, and affects men and women equally; ΔE 34.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.26:1WCAG large text: AAA
Contrast with black, large text3.99:1WCAG large text: AA

Named colours

Steel blue · ΔE 9Cornflower blue · ΔE 23.9Slate grey · ΔE 24.5Light slate grey · ΔE 25.1Dark slateblue · ΔE 29.8Dim grey · ΔE 33.8
Nearest named CSS colourSteel blue (#4682B4)ΔE 8.99, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A47741
Analogous#419FA4, #4641A4
Triadic#A4416E, #6EA441
Split complementary#A44641, #9FA441
Tetradic#A4419F, #A47741, #41A446

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C8D7E9
Lighter +30%#A3BCDB
Lighter +20%#7FA2CC
Lighter +10%#5A87BE
Darker −10%#33567F
Darker −20%#243D5B
Darker −30%#162536
Darker −40%#070C12
More saturated +25%#246BC1
Less saturated −25%#5E7187

Channel breakdown

R65
G110
B164
Red65 (25.5%)
Green110 (43.1%)
Blue164 (64.3%)
Hue212.73°
Saturation (HSL)43.23%
Lightness44.9%
Dominant channelBlue
Hex per channelR 41 · G 6E · B A4

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