Nerdulator> put something in

Recognised as Colour

#4866F8

  • #4866F8
  • Blue
  • Dark
  • Nearest: Medium slateblue

#4866F8 is a blue with RGB values 72, 102, 248 and HSL 230°, 93%, 63%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.

Colour values

#4866F8#4866F8
HEX#4866F8
RGBrgb(72, 102, 248)
RGB (0–1)0.2824, 0.4, 0.9725
RGB percentages28.2%, 40%, 97.3%
HSLhsl(229.8, 92.6%, 62.7%)
HSV / HSBhsv(229.8, 71%, 97.3%)
CMYK71%, 58.9%, 0%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,744,952
CSS custom property--colour: #4866F8;

Brightness & contrast

Relative luminance0.17658WCAG 2.x, 0 is black and 1 is white
Perceived brightness121.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.63:1
Contrast with white4.63:1WCAG normal text: AA
Contrast with black4.53:1WCAG normal text: AA
Greyscale equivalent#6A6A6A
Inverted#B79907

Colour vision & accessibility

Protanopia#007DFDno red cones; affects about 1% of men; ΔE 18.5 from the original
Deuteranopia#006DF5no green cones; the most common form, about 1% of men; ΔE 10.3 from the original
Tritanopia#008BA5no blue cones; rare, and affects men and women equally; ΔE 79.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.63:1WCAG large text: AAA
Contrast with black, large text4.53:1WCAG large text: AAA

Named colours

Nearest named CSS colourMedium slateblue (#7B68EE)ΔE 11.85, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#F8DA48
Analogous#48BEF8, #8248F8
Triadic#F84866, #66F848
Split complementary#F88248, #BEF848
Tetradic#F848BE, #F8DA48, #48F882

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#DBE1FE
Lighter +20%#AAB8FC
Lighter +10%#798FFA
Darker −10%#173DF6
Darker −20%#082AD2
Darker −30%#0621A1
Darker −40%#041770
More saturated +25%#4161FF
Less saturated −25%#6076E0

Channel breakdown

R72
G102
B248
Red72 (28.2%)
Green102 (40%)
Blue248 (97.3%)
Hue229.77°
Saturation (HSL)92.63%
Lightness62.75%
Dominant channelBlue
Hex per channelR 48 · G 66 · B F8

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