Colour

#310CEF

#310CEF
Blue
Dark
Nearest: Blue

#310CEF is a blue with RGB values 49, 12, 239 and HSL 250°, 90%, 49%. It is a dark colour, so white text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#310CEF#310CEF

HEX#310CEF

RGBrgb(49, 12, 239)

RGB (0–1)0.1922, 0.0471, 0.9373

RGB percentages19.2%, 4.7%, 93.7%

HSLhsl(249.8, 90.4%, 49.2%)

HSV / HSBhsv(249.8, 95%, 93.7%)

CMYK79.5%, 95%, 0%, 6.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,214,575

CSS custom property--colour: #310CEF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.64:1

Contrast with white8.64:1WCAG normal text: AAA

Contrast with black2.43:1WCAG normal text: Fail

Greyscale equivalent#242424

Inverted#CEF310

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0056F4no red cones; affects about 1% of men; ΔE 37.9 from the original

Deuteranopia#0040ECno green cones; the most common form, about 1% of men; ΔE 25.2 from the original

Tritanopia#00648Dno blue cones; rare, and affects men and women equally; ΔE 108.6 from the original

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

Contrast with white, large text8.64:1WCAG large text: AAA

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

Named colours

Blue · ΔE 10.2 Medium blue · ΔE 12.5 Blue violet · ΔE 26.6 Dark violet · ΔE 29.7 Dark orchid · ΔE 41.5 Dark blue · ΔE 42.2

Nearest named CSS colourBlue (#0000FF)ΔE 10.18, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CAEF0C

Analogous#0C59EF, #A20CEF

Triadic#EF310C, #0CEF31

Split complementary#EFA20C, #59EF0C

Tetradic#EF0C59, #CAEF0C, #0CEFA2

Tints, shades & saturation

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

Lighter +40%#D3CBFC

Lighter +30%#AA9AFA

Lighter +20%#816AF7

Lighter +10%#5839F5

Darker −10%#270ABE

Darker −20%#1D078E

Darker −30%#13055D

Darker −40%#09022D

More saturated +25%#2900FB

Less saturated −25%#462BD0

Channel breakdown

R49

G12

B239

Red49 (19.2%)

Green12 (4.7%)

Blue239 (93.7%)

Hue249.78°

Saturation (HSL)90.44%

Lightness49.22%

Dominant channelBlue

Hex per channelR 31 · G 0C · B EF

Keep nerding

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

#310CEF

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