Colour

#320FD8

#320FD8
Blue
Dark
Nearest: Medium blue

#320FD8 is a blue with RGB values 50, 15, 216 and HSL 250°, 87%, 45%. It is a dark colour, so white text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#320FD8#320FD8

HEX#320FD8

RGBrgb(50, 15, 216)

RGB (0–1)0.1961, 0.0588, 0.8471

RGB percentages19.6%, 5.9%, 84.7%

HSLhsl(250.4, 87%, 45.3%)

HSV / HSBhsv(250.4, 93.1%, 84.7%)

CMYK76.9%, 93.1%, 0%, 15.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,280,856

CSS custom property--colour: #320FD8;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.56:1

Contrast with white9.56:1WCAG normal text: AAA

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

Greyscale equivalent#252525

Inverted#CDF027

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#004EDDno red cones; affects about 1% of men; ΔE 34.3 from the original

Deuteranopia#003CD5no green cones; the most common form, about 1% of men; ΔE 24.3 from the original

Tritanopia#005A7Fno blue cones; rare, and affects men and women equally; ΔE 99.3 from the original

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

Contrast with white, large text9.56:1WCAG large text: AAA

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

Named colours

Medium blue · ΔE 4.5 Blue violet · ΔE 20.4 Blue · ΔE 20.9 Dark violet · ΔE 24.2 Dark blue · ΔE 31.5 Dark orchid · ΔE 33.6

Nearest named CSS colourMedium blue (#0000CD)ΔE 4.53, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B5D80F

Analogous#0F50D8, #970FD8

Triadic#D8320F, #0FD832

Split complementary#D8970F, #50D80F

Tetradic#D80F50, #B5D80F, #0FD897

Tints, shades & saturation

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

Lighter +40%#C4B9FA

Lighter +30%#9C89F7

Lighter +20%#7459F4

Lighter +10%#4C2AF0

Darker −10%#270CA8

Darker −20%#1C0879

Darker −30%#110549

Darker −40%#060219

More saturated +25%#2800E7

Less saturated −25%#452CBB

Channel breakdown

R50

G15

B216

Red50 (19.6%)

Green15 (5.9%)

Blue216 (84.7%)

Hue250.45°

Saturation (HSL)87.01%

Lightness45.29%

Dominant channelBlue

Hex per channelR 32 · G 0F · B D8

Keep nerding

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

#320FD8

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