Colour

#0314CE

#0314CE
Blue
Dark
Nearest: Medium blue

#0314CE is a blue with RGB values 3, 20, 206 and HSL 235°, 97%, 41%. It is a dark colour, so white text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#0314CE#0314CE

HEX#0314CE

RGBrgb(3, 20, 206)

RGB (0–1)0.0118, 0.0784, 0.8078

RGB percentages1.2%, 7.8%, 80.8%

HSLhsl(235, 97.1%, 41%)

HSV / HSBhsv(235, 98.5%, 80.8%)

CMYK98.5%, 90.3%, 0%, 19.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer201,934

CSS custom property--colour: #0314CE;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.53:1

Contrast with white10.53:1WCAG normal text: AAA

Contrast with black2:1WCAG normal text: Fail

Greyscale equivalent#1E1E1E

Inverted#FCEB31

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0049D3no red cones; affects about 1% of men; ΔE 31.1 from the original

Deuteranopia#0034CBno green cones; the most common form, about 1% of men; ΔE 18.9 from the original

Tritanopia#005879no blue cones; rare, and affects men and women equally; ΔE 97.2 from the original

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

Contrast with white, large text10.53:1WCAG large text: AAA

Contrast with black, large text2:1WCAG large text: Fail

Named colours

Medium blue · ΔE 5.1 Blue violet · ΔE 22.4 Blue · ΔE 25.4 Dark violet · ΔE 26.5 Dark blue · ΔE 26.8 Navy · ΔE 32

Nearest named CSS colourMedium blue (#0000CD)ΔE 5.14, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CEBD03

Analogous#037ACE, #5803CE

Triadic#CE0314, #14CE03

Split complementary#CE5703, #7ACE03

Tetradic#CE037A, #CEBD03, #03CE57

Tints, shades & saturation

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

Lighter +40%#9FA7FE

Lighter +30%#6D79FD

Lighter +20%#3B4BFC

Lighter +10%#091DFB

Darker −10%#020F9C

Darker −20%#020A69

Darker −30%#010537

Darker −40%#000005

More saturated +25%#0012D1

Less saturated −25%#1D2AB4

Channel breakdown

G20

B206

Red3 (1.2%)

Green20 (7.8%)

Blue206 (80.8%)

Hue234.98°

Saturation (HSL)97.13%

Lightness40.98%

Dominant channelBlue

Hex per channelR 03 · G 14 · B CE

Keep nerding

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

#0314CE

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