Recognised as Colour

#684FF6

#684FF6
Blue
Dark
Nearest: Blue violet

#684FF6 is a blue with RGB values 104, 79, 246 and HSL 249°, 90%, 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 Blue violet.

Colour values

#684FF6#684FF6

HEX#684FF6

RGBrgb(104, 79, 246)

RGB (0–1)0.4078, 0.3098, 0.9647

RGB percentages40.8%, 31%, 96.5%

HSLhsl(249, 90.3%, 63.7%)

HSV / HSBhsv(249, 67.9%, 96.5%)

CMYK57.7%, 67.9%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,836,214

CSS custom property--colour: #684FF6;

Brightness & contrast

Relative luminance0.15189WCAG 2.x, 0 is black and 1 is white

Perceived brightness117.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.2:1

Contrast with white5.2:1WCAG normal text: AA

Contrast with black4.04:1WCAG normal text: Fail

Greyscale equivalent#606060

Inverted#97B009

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0072FBno red cones; affects about 1% of men; ΔE 28.9 from the original

Deuteranopia#0067F3no green cones; the most common form, about 1% of men; ΔE 24.5 from the original

Tritanopia#0A7B9Cno blue cones; rare, and affects men and women equally; ΔE 88.8 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text5.2:1WCAG large text: AAA

Contrast with black, large text4.04:1WCAG large text: AA

Named colours

Blue violet · ΔE 17 Medium slateblue · ΔE 20.7 Dark orchid · ΔE 23 Dark violet · ΔE 25 Medium blue · ΔE 27.1 Slate blue · ΔE 28.8

Nearest named CSS colourBlue violet (#8A2BE2)ΔE 16.98, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#DDF64F

Analogous#4F8AF6, #BB4FF6

Triadic#F6684F, #4FF668

Split complementary#F6BC4F, #8AF64F

Tetradic#F64F8A, #DDF64F, #4FF6BB

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#E5E1FD

Lighter +20%#BBB0FB

Lighter +10%#9280F8

Darker −10%#3E1EF4

Darker −20%#290BD4

Darker −30%#2008A4

Darker −40%#160673

More saturated +25%#6246FF

Less saturated −25%#7866DF

Channel breakdown

R104

G79

B246

Red104 (40.8%)

Green79 (31%)

Blue246 (96.5%)

Hue248.98°

Saturation (HSL)90.27%

Lightness63.73%

Dominant channelBlue

Hex per channelR 68 · G 4F · B F6

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#684FF6

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else