Nerdulator> put something in

Recognised as Colour

#8A9EF4

  • #8A9EF4
  • Blue
  • Dark
  • Nearest: Cornflower blue

#8A9EF4 is a blue with RGB values 138, 158, 244 and HSL 229°, 83%, 75%. It is a dark colour, so black text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#8A9EF4#8A9EF4
HEX#8A9EF4
RGBrgb(138, 158, 244)
RGB (0–1)0.5412, 0.6196, 0.9569
RGB percentages54.1%, 62%, 95.7%
HSLhsl(228.7, 82.8%, 74.9%)
HSV / HSBhsv(228.7, 43.4%, 95.7%)
CMYK43.4%, 35.2%, 0%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer9,084,660
CSS custom property--colour: #8A9EF4;

Brightness & contrast

Relative luminance0.36389WCAG 2.x, 0 is black and 1 is white
Perceived brightness164.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.28:1
Contrast with white2.54:1WCAG normal text: Fail
Contrast with black8.28:1WCAG normal text: AAA
Greyscale equivalent#A0A0A0
Inverted#75610B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#7FA7F7no red cones; affects about 1% of men; ΔE 7.2 from the original
Deuteranopia#769EF2no green cones; the most common form, about 1% of men; ΔE 5.5 from the original
Tritanopia#65B0BEno blue cones; rare, and affects men and women equally; ΔE 46.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.54:1WCAG large text: Fail
Contrast with black, large text8.28:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 8.3Dodgerblue · ΔE 20.1Medium purple · ΔE 25.5Steel blue · ΔE 27Royal blue · ΔE 29.9Plum · ΔE 30.1
Nearest named CSS colourCornflower blue (#6495ED)ΔE 8.29, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F4E08A
Analogous#8AD3F4, #AB8AF4
Triadic#F48A9E, #9EF48A
Split complementary#F4AB8A, #D3F48A
Tetradic#F48AD3, #F4E08A, #8AF4AB

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#E7EBFD
Lighter +10%#B9C5F8
Darker −10%#5B77F0
Darker −20%#2D51EB
Darker −30%#1437D1
Darker −40%#0F2BA3
More saturated +25%#7F97FF
Less saturated −25%#9AA8E4

Channel breakdown

R138
G158
B244
Red138 (54.1%)
Green158 (62%)
Blue244 (95.7%)
Hue228.68°
Saturation (HSL)82.81%
Lightness74.9%
Dominant channelBlue
Hex per channelR 8A · G 9E · B F4

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