Nerdulator> put something in

Colour

#24AEF3

  • #24AEF3
  • Blue
  • Dark
  • Nearest: Deep skyblue

#24AEF3 is a blue with RGB values 36, 174, 243 and HSL 200°, 90%, 55%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#24AEF3#24AEF3
HEX#24AEF3
RGBrgb(36, 174, 243)
RGB (0–1)0.1412, 0.6824, 0.9529
RGB percentages14.1%, 68.2%, 95.3%
HSLhsl(200, 89.6%, 54.7%)
HSV / HSBhsv(200, 85.2%, 95.3%)
CMYK85.2%, 28.4%, 0%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,404,083
CSS custom property--colour: #24AEF3;

Brightness & contrast

Relative luminance0.37118WCAG 2.x, 0 is black and 1 is white
Perceived brightness157.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.42:1
Contrast with white2.49:1WCAG normal text: Fail
Contrast with black8.42:1WCAG normal text: AAA
Greyscale equivalent#969696
Inverted#DB510C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#8DAEF6no red cones; affects about 1% of men; ΔE 19.3 from the original
Deuteranopia#719CF2no green cones; the most common form, about 1% of men; ΔE 21.3 from the original
Tritanopia#00C0C6no blue cones; rare, and affects men and women equally; ΔE 39.4 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.49:1WCAG large text: Fail
Contrast with black, large text8.42:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 8.3Light skyblue · ΔE 19.9Steel blue · ΔE 20.4Cornflower blue · ΔE 22Sky blue · ΔE 26Dodgerblue · ΔE 29.8
Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 8.31, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F36924
Analogous#24F3D1, #2446F3
Triadic#F324AE, #AEF324
Split complementary#F32447, #F3D124
Tetradic#D024F3, #F36924, #47F324

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#E5F6FE
Lighter +30%#B5E4FB
Lighter +20%#85D2F8
Lighter +10%#54C0F6
Darker −10%#0C94D8
Darker −20%#0973A8
Darker −30%#075277
Darker −40%#043147
More saturated +25%#18B2FF
Less saturated −25%#41A4D6

Channel breakdown

R36
G174
B243
Red36 (14.1%)
Green174 (68.2%)
Blue243 (95.3%)
Hue200°
Saturation (HSL)89.61%
Lightness54.71%
Dominant channelBlue
Hex per channelR 24 · G AE · B F3

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