Nerdulator> put something in

Recognised as Colour

#2E53A0

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

#2E53A0 is a blue with RGB values 46, 83, 160 and HSL 221°, 55%, 40%. 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

#2E53A0#2E53A0
HEX#2E53A0
RGBrgb(46, 83, 160)
RGB (0–1)0.1804, 0.3255, 0.6275
RGB percentages18%, 32.5%, 62.7%
HSLhsl(220.5, 55.3%, 40.4%)
HSV / HSBhsv(220.5, 71.2%, 62.7%)
CMYK71.2%, 48.1%, 0%, 37.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,036,064
CSS custom property--colour: #2E53A0;

Brightness & contrast

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

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2A5CA3no red cones; affects about 1% of men; ΔE 6.5 from the original
Deuteranopia#0E519Eno green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#006572no blue cones; rare, and affects men and women equally; ΔE 46 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.34:1WCAG large text: AAA
Contrast with black, large text2.86:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 14Royal blue · ΔE 25.8Cornflower blue · ΔE 26Slate blue · ΔE 26.8Steel blue · ΔE 27.5Midnight blue · ΔE 27.6
Nearest named CSS colourDark slateblue (#483D8B)ΔE 13.98, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A07B2E
Analogous#2E8CA0, #422EA0
Triadic#A02E53, #53A02E
Split complementary#A0422E, #8CA02E
Tetradic#A02E8C, #A07B2E, #2EA042

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B1C3E9
Lighter +30%#8AA5DD
Lighter +20%#6286D2
Lighter +10%#3A68C7
Darker −10%#233E78
Darker −20%#172A51
Darker −30%#0C1529
Darker −40%#000102
More saturated +25%#144ABA
Less saturated −25%#485C86

Channel breakdown

R46
G83
B160
Red46 (18%)
Green83 (32.5%)
Blue160 (62.7%)
Hue220.53°
Saturation (HSL)55.34%
Lightness40.39%
Dominant channelBlue
Hex per channelR 2E · G 53 · B A0

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