Colour

#314AFE

#314AFE
Blue
Dark
Nearest: Medium blue

#314AFE is a blue with RGB values 49, 74, 254 and HSL 233°, 99%, 59%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Medium blue.

Colour values

#314AFE#314AFE

HEX#314AFE

RGBrgb(49, 74, 254)

RGB (0–1)0.1922, 0.2902, 0.9961

RGB percentages19.2%, 29%, 99.6%

HSLhsl(232.7, 99%, 59.4%)

HSV / HSBhsv(232.7, 80.7%, 99.6%)

CMYK80.7%, 70.9%, 0%, 0.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,230,462

CSS custom property--colour: #314AFE;

Brightness & contrast

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

Perceived brightness106.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.93:1

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

Contrast with black3.54:1WCAG normal text: Fail

Greyscale equivalent#525252

Inverted#CEB501

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#006EFFno red cones; affects about 1% of men; ΔE 27.6 from the original

Deuteranopia#005AFBno green cones; the most common form, about 1% of men; ΔE 13.8 from the original

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

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

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

Contrast with black, large text3.54:1WCAG large text: AA

Named colours

Medium blue · ΔE 21.9 Blue violet · ΔE 22.6 Medium slateblue · ΔE 29.9 Dark violet · ΔE 30.4 Blue · ΔE 32.3 Dark orchid · ΔE 32.6

Nearest named CSS colourMedium blue (#0000CD)ΔE 21.94, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FEE531

Analogous#31B0FE, #7F31FE

Triadic#FE314A, #4AFE31

Split complementary#FE7F31, #B1FE31

Tetradic#FE31B0, #FEE531, #31FE7E

Tints, shades & saturation

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

Lighter +40%#FCFCFF

Lighter +30%#C9D0FF

Lighter +20%#97A3FE

Lighter +10%#6477FE

Darker −10%#0120FB

Darker −20%#0119C8

Darker −30%#011395

Darker −40%#000C63

More saturated +25%#3049FF

Less saturated −25%#4B5EE4

Channel breakdown

R49

G74

B254

Red49 (19.2%)

Green74 (29%)

Blue254 (99.6%)

Hue232.68°

Saturation (HSL)99.03%

Lightness59.41%

Dominant channelBlue

Hex per channelR 31 · G 4A · B FE

Keep nerding

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

#314AFE

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