Colour

#674FF8

#674FF8
Blue
Dark
Nearest: Blue violet

#674FF8 is a blue with RGB values 103, 79, 248 and HSL 249°, 92%, 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

#674FF8#674FF8

HEX#674FF8

RGBrgb(103, 79, 248)

RGB (0–1)0.4039, 0.3098, 0.9725

RGB percentages40.4%, 31%, 97.3%

HSLhsl(248.5, 92.3%, 64.1%)

HSV / HSBhsv(248.5, 68.1%, 97.3%)

CMYK58.5%, 68.1%, 0%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,770,680

CSS custom property--colour: #674FF8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.18:1

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

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

Greyscale equivalent#606060

Inverted#98B007

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0073FDno red cones; affects about 1% of men; ΔE 29.4 from the original

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

Tritanopia#007C9Eno blue cones; rare, and affects men and women equally; ΔE 89.6 from the original

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

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

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

Named colours

Blue violet · ΔE 16.9 Medium slateblue · ΔE 21.7 Dark orchid · ΔE 23.7 Dark violet · ΔE 25.1 Medium blue · ΔE 26.6 Slate blue · ΔE 29.8

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E0F84F

Analogous#4F8BF8, #BC4FF8

Triadic#F8674F, #4FF867

Split complementary#F8BC4F, #8BF84F

Tetradic#F84F8B, #E0F84F, #4FF8BC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E6E2FE

Lighter +20%#BCB1FC

Lighter +10%#9180FA

Darker −10%#3D1EF6

Darker −20%#2609D8

Darker −30%#1D07A7

Darker −40%#150576

More saturated +25%#6248FF

Less saturated −25%#7766E1

Channel breakdown

R103

G79

B248

Red103 (40.4%)

Green79 (31%)

Blue248 (97.3%)

Hue248.52°

Saturation (HSL)92.35%

Lightness64.12%

Dominant channelBlue

Hex per channelR 67 · G 4F · B F8

Keep nerding

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

#674FF8

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