Nerdulator> put something in

Recognised as Colour

#404C81

  • #404C81
  • Blue
  • Dark
  • Nearest: Dark slateblue

#404C81 is a blue with RGB values 64, 76, 129 and HSL 229°, 34%, 38%. It is a dark colour, so white text on it reaches 8.2:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#404C81#404C81
HEX#404C81
RGBrgb(64, 76, 129)
RGB (0–1)0.251, 0.298, 0.5059
RGB percentages25.1%, 29.8%, 50.6%
HSLhsl(228.9, 33.7%, 37.8%)
HSV / HSBhsv(228.9, 50.4%, 50.6%)
CMYK50.4%, 41.1%, 0%, 49.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,213,889
CSS custom property--colour: #404C81;

Brightness & contrast

Relative luminance0.07844WCAG 2.x, 0 is black and 1 is white
Perceived brightness80.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.18:1
Contrast with white8.18:1WCAG normal text: AAA
Contrast with black2.57:1WCAG normal text: Fail
Greyscale equivalent#4D4D4D
Inverted#BFB37E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#385283no red cones; affects about 1% of men; ΔE 5.5 from the original
Deuteranopia#314D80no green cones; the most common form, about 1% of men; ΔE 4.7 from the original
Tritanopia#265760no blue cones; rare, and affects men and women equally; ΔE 32.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text8.18:1WCAG large text: AAA
Contrast with black, large text2.57:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 18.7Steel blue · ΔE 24.1Slate grey · ΔE 31.2Midnight blue · ΔE 32.8Light slate grey · ΔE 32.9Cornflower blue · ΔE 33.5
Nearest named CSS colourDark slateblue (#483D8B)ΔE 18.68, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#817540
Analogous#406D81, #544081
Triadic#81404C, #4C8140
Split complementary#815440, #6D8140
Tetradic#81406D, #817540, #408154

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B3BADA
Lighter +30%#919CC9
Lighter +20%#6F7DB8
Lighter +10%#5160A3
Darker −10%#2F385F
Darker −20%#1E243D
Darker −30%#0D101B
Darker −40%#000000
More saturated +25%#283D99
Less saturated −25%#585B69

Channel breakdown

R64
G76
B129
Red64 (25.1%)
Green76 (29.8%)
Blue129 (50.6%)
Hue228.92°
Saturation (HSL)33.68%
Lightness37.84%
Dominant channelBlue
Hex per channelR 40 · G 4C · B 81

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