Nerdulator> put something in

Recognised as Colour

#45AAFD

  • #45AAFD
  • Blue
  • Dark
  • Nearest: Cornflower blue

#45AAFD is a blue with RGB values 69, 170, 253 and HSL 207°, 98%, 63%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#45AAFD#45AAFD
HEX#45AAFD
RGBrgb(69, 170, 253)
RGB (0–1)0.2706, 0.6667, 0.9922
RGB percentages27.1%, 66.7%, 99.2%
HSLhsl(207.1, 97.9%, 63.1%)
HSV / HSBhsv(207.1, 72.7%, 99.2%)
CMYK72.7%, 32.8%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,565,757
CSS custom property--colour: #45AAFD;

Brightness & contrast

Relative luminance0.37107WCAG 2.x, 0 is black and 1 is white
Perceived brightness160.3 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#9B9B9B
Inverted#BA5502

Colour vision & accessibility

Protanopia#84ADFFno red cones; affects about 1% of men; ΔE 11.8 from the original
Deuteranopia#6A9CFBno green cones; the most common form, about 1% of men; ΔE 13.9 from the original
Tritanopia#00BEC8no blue cones; rare, and affects men and women equally; ΔE 46.9 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

Nearest named CSS colourCornflower blue (#6495ED)ΔE 12.96, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#FD9845
Analogous#45FDF4, #454EFD
Triadic#FD45AA, #AAFD45
Split complementary#FD454E, #FDF445
Tetradic#F445FD, #FD9845, #4EFD45

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#DCEFFF
Lighter +20%#AAD8FE
Lighter +10%#77C1FE
Darker −10%#1393FC
Darker −20%#0279DA
Darker −30%#025DA7
Darker −40%#014175
More saturated +25%#43AAFF
Less saturated −25%#5DA8E5

Channel breakdown

R69
G170
B253
Red69 (27.1%)
Green170 (66.7%)
Blue253 (99.2%)
Hue207.07°
Saturation (HSL)97.87%
Lightness63.14%
Dominant channelBlue
Hex per channelR 45 · G AA · B FD

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