Nerdulator> put something in

Recognised as Colour

#2A4480

  • #2A4480
  • Blue
  • Dark
  • Nearest: Dark slateblue

#2A4480 is a blue with RGB values 42, 68, 128 and HSL 222°, 51%, 33%. It is a dark colour, so white text on it reaches 9.4:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2A4480#2A4480
HEX#2A4480
RGBrgb(42, 68, 128)
RGB (0–1)0.1647, 0.2667, 0.502
RGB percentages16.5%, 26.7%, 50.2%
HSLhsl(221.9, 50.6%, 33.3%)
HSV / HSBhsv(221.9, 67.2%, 50.2%)
CMYK67.2%, 46.9%, 0%, 49.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,770,048
CSS custom property--colour: #2A4480;

Brightness & contrast

Relative luminance0.06185WCAG 2.x, 0 is black and 1 is white
Perceived brightness71.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.39:1
Contrast with white9.39:1WCAG normal text: AAA
Contrast with black2.24:1WCAG normal text: Fail
Greyscale equivalent#434343
Inverted#D5BB7F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#274B82no red cones; affects about 1% of men; ΔE 5.4 from the original
Deuteranopia#18437Fno green cones; the most common form, about 1% of men; ΔE 3 from the original
Tritanopia#00525Bno blue cones; rare, and affects men and women equally; ΔE 38.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.39:1WCAG large text: AAA
Contrast with black, large text2.24:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 15.9Steel blue · ΔE 27.6Midnight blue · ΔE 28Rebecca purple · ΔE 33.6Cornflower blue · ΔE 34.4Slate blue · ΔE 36.1
Nearest named CSS colourDark slateblue (#483D8B)ΔE 15.92, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#80662A
Analogous#2A6F80, #3B2A80
Triadic#802A44, #44802A
Split complementary#803B2A, #6F802A
Tetradic#802A6F, #80662A, #2A803B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#99ADDD
Lighter +30%#728FD1
Lighter +20%#4C70C4
Lighter +10%#3758A6
Darker −10%#1D305A
Darker −20%#111B33
Darker −30%#04070D
Darker −40%#000000
More saturated +25%#153C95
Less saturated −25%#3F4C6B

Channel breakdown

R42
G68
B128
Red42 (16.5%)
Green68 (26.7%)
Blue128 (50.2%)
Hue221.86°
Saturation (HSL)50.59%
Lightness33.33%
Dominant channelBlue
Hex per channelR 2A · G 44 · B 80

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