Recognised as Colour
#683FFF
- #683FFF
- Blue
- Dark
- Nearest: Blue violet
#683FFF is a blue with RGB values 104, 63, 255 and HSL 253°, 100%, 62%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Blue violet.
Colour values
#683FFF#683FFF
HEX#683FFF
RGBrgb(104, 63, 255)
RGB (0–1)0.4078, 0.2471, 1
RGB percentages40.8%, 24.7%, 100%
HSLhsl(252.8, 100%, 62.4%)
HSV / HSBhsv(252.8, 75.3%, 100%)
CMYK59.2%, 75.3%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,832,127
CSS custom property--colour: #683FFF;
Brightness & contrast
Relative luminance0.13718WCAG 2.x, 0 is black and 1 is white
Perceived brightness113.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.61:1
Contrast with white5.61:1WCAG normal text: AA
Contrast with black3.74:1WCAG normal text: Fail
Greyscale equivalent#565656
Inverted#97C000
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.61:1WCAG large text: AAA
Contrast with black, large text3.74:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D6FF3F
Analogous#3F76FF, #C83FFF
Triadic#FF683F, #3FFF68
Split complementary#FFC83F, #76FF3F
Tetradic#FF3F76, #D6FF3F, #3FFFC8
Tints, shades & saturation
Channel breakdown
R104
G63
B255
Red104 (40.8%)
Green63 (24.7%)
Blue255 (100%)
Hue252.81°
Saturation (HSL)100%
Lightness62.35%
Dominant channelBlue
Hex per channelR 68 · G 3F · B FF
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