Recognised as Colour
#4856FD
- #4856FD
- Blue
- Dark
- Nearest: Medium slateblue
#4856FD is a blue with RGB values 72, 86, 253 and HSL 235°, 98%, 64%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.
Colour values
#4856FD#4856FD
HEX#4856FD
RGBrgb(72, 86, 253)
RGB (0–1)0.2824, 0.3373, 0.9922
RGB percentages28.2%, 33.7%, 99.2%
HSLhsl(235.4, 97.8%, 63.7%)
HSV / HSBhsv(235.4, 71.5%, 99.2%)
CMYK71.5%, 66%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,740,861
CSS custom property--colour: #4856FD;
Brightness & contrast
Relative luminance0.15125WCAG 2.x, 0 is black and 1 is white
Perceived brightness114.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.22:1
Contrast with white5.22:1WCAG normal text: AA
Contrast with black4.03:1WCAG normal text: Fail
Greyscale equivalent#5F5F5F
Inverted#B7A902
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.22:1WCAG large text: AAA
Contrast with black, large text4.03:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#FDEF48
Analogous#48B1FD, #9448FD
Triadic#FD4856, #56FD48
Split complementary#FD9448, #B1FD48
Tetradic#FD48B1, #FDEF48, #48FD94
Tints, shades & saturation
Channel breakdown
R72
G86
B253
Red72 (28.2%)
Green86 (33.7%)
Blue253 (99.2%)
Hue235.36°
Saturation (HSL)97.84%
Lightness63.73%
Dominant channelBlue
Hex per channelR 48 · G 56 · B FD
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page