Nerdulator> put something in

Recognised as Colour

#4048AE

  • #4048AE
  • Blue
  • Dark
  • Nearest: Slate blue

#4048AE is a blue with RGB values 64, 72, 174 and HSL 236°, 46%, 47%. It is a dark colour, so white text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Slate blue.

Colour values

#4048AE#4048AE
HEX#4048AE
RGBrgb(64, 72, 174)
RGB (0–1)0.251, 0.2824, 0.6824
RGB percentages25.1%, 28.2%, 68.2%
HSLhsl(235.6, 46.2%, 46.7%)
HSV / HSBhsv(235.6, 63.2%, 68.2%)
CMYK63.2%, 58.6%, 0%, 31.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,212,910
CSS custom property--colour: #4048AE;

Brightness & contrast

Relative luminance0.08781WCAG 2.x, 0 is black and 1 is white
Perceived brightness87.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.62:1
Contrast with white7.62:1WCAG normal text: AAA
Contrast with black2.76:1WCAG normal text: Fail
Greyscale equivalent#4E4E4E
Inverted#BFB751

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0059B1no red cones; affects about 1% of men; ΔE 16.7 from the original
Deuteranopia#004FACno green cones; the most common form, about 1% of men; ΔE 11.6 from the original
Tritanopia#006174no blue cones; rare, and affects men and women equally; ΔE 59.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.62:1WCAG large text: AAA
Contrast with black, large text2.76:1WCAG large text: Fail

Named colours

Slate blue · ΔE 12.2Dark slateblue · ΔE 14.7Royal blue · ΔE 15.8Rebecca purple · ΔE 16.4Midnight blue · ΔE 20.8Medium purple · ΔE 21.6
Nearest named CSS colourSlate blue (#6A5ACD)ΔE 12.19, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#AEA640
Analogous#407FAE, #6F40AE
Triadic#AE4048, #48AE40
Split complementary#AE6F40, #7FAE40
Tetradic#AE407F, #AEA640, #40AE6F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CDD0ED
Lighter +30%#A8ACDF
Lighter +20%#8388D1
Lighter +10%#5D65C4
Darker −10%#323989
Darker −20%#252963
Darker −30%#171A3E
Darker −40%#090A19
More saturated +25%#222FCC
Less saturated −25%#5E6190

Channel breakdown

R64
G72
B174
Red64 (25.1%)
Green72 (28.2%)
Blue174 (68.2%)
Hue235.64°
Saturation (HSL)46.22%
Lightness46.67%
Dominant channelBlue
Hex per channelR 40 · G 48 · B AE

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