Recognised as Colour
#124DFD
- #124DFD
- Blue
- Dark
- Nearest: Medium blue
#124DFD is a blue with RGB values 18, 77, 253 and HSL 225°, 98%, 53%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Medium blue.
Colour values
#124DFD#124DFD
HEX#124DFD
RGBrgb(18, 77, 253)
RGB (0–1)0.0706, 0.302, 0.9922
RGB percentages7.1%, 30.2%, 99.2%
HSLhsl(224.9, 98.3%, 53.1%)
HSV / HSBhsv(224.9, 92.9%, 99.2%)
CMYK92.9%, 69.6%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,199,613
CSS custom property--colour: #124DFD;
Brightness & contrast
Relative luminance0.12528WCAG 2.x, 0 is black and 1 is white
Perceived brightness104.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.99:1
Contrast with white5.99:1WCAG normal text: AA
Contrast with black3.51:1WCAG normal text: Fail
Greyscale equivalent#4D4D4D
Inverted#EDB202
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.99:1WCAG large text: AAA
Contrast with black, large text3.51:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#FDC212
Analogous#12C2FD, #4D12FD
Triadic#FD124D, #4DFD12
Split complementary#FD4D12, #C2FD12
Tetradic#FD12C2, #FDC212, #12FD4D
Tints, shades & saturation
Channel breakdown
R18
G77
B253
Red18 (7.1%)
Green77 (30.2%)
Blue253 (99.2%)
Hue224.94°
Saturation (HSL)98.33%
Lightness53.14%
Dominant channelBlue
Hex per channelR 12 · G 4D · 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