Recognised as Colour
#5744F7
- #5744F7
- Blue
- Dark
- Nearest: Blue violet
#5744F7 is a blue with RGB values 87, 68, 247 and HSL 246°, 92%, 62%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Blue violet.
Colour values
#5744F7#5744F7
HEX#5744F7
RGBrgb(87, 68, 247)
RGB (0–1)0.3412, 0.2667, 0.9686
RGB percentages34.1%, 26.7%, 96.9%
HSLhsl(246.4, 91.8%, 61.8%)
HSV / HSBhsv(246.4, 72.5%, 96.9%)
CMYK64.8%, 72.5%, 0%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,719,287
CSS custom property--colour: #5744F7;
Brightness & contrast
Relative luminance0.12876WCAG 2.x, 0 is black and 1 is white
Perceived brightness109.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.87:1
Contrast with white5.87:1WCAG normal text: AA
Contrast with black3.58:1WCAG normal text: Fail
Greyscale equivalent#555555
Inverted#A8BB08
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.87:1WCAG large text: AAA
Contrast with black, large text3.58:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#E4F744
Analogous#448BF7, #B144F7
Triadic#F75744, #44F757
Split complementary#F7B044, #8BF744
Tetradic#F7448B, #E4F744, #44F7B0
Tints, shades & saturation
Channel breakdown
R87
G68
B247
Red87 (34.1%)
Green68 (26.7%)
Blue247 (96.9%)
Hue246.37°
Saturation (HSL)91.79%
Lightness61.76%
Dominant channelBlue
Hex per channelR 57 · G 44 · B F7
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