Colour

#0964DF

#0964DF
Blue
Dark
Nearest: Royal blue

#0964DF is a blue with RGB values 9, 100, 223 and HSL 214°, 92%, 45%. It is a dark colour, so white text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#0964DF#0964DF

HEX#0964DF

RGBrgb(9, 100, 223)

RGB (0–1)0.0353, 0.3922, 0.8745

RGB percentages3.5%, 39.2%, 87.5%

HSLhsl(214.5, 92.2%, 45.5%)

HSV / HSBhsv(214.5, 96%, 87.5%)

CMYK96%, 55.2%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer615,647

CSS custom property--colour: #0964DF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.38:1

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

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

Greyscale equivalent#5A5A5A

Inverted#F69B20

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0074E3no red cones; affects about 1% of men; ΔE 11.3 from the original

Deuteranopia#0062DDno green cones; the most common form, about 1% of men; ΔE 0.8 from the original

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

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

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

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

Named colours

Royal blue · ΔE 5 Slate blue · ΔE 16.1 Medium slateblue · ΔE 18.5 Dodgerblue · ΔE 21.1 Medium purple · ΔE 24.7 Cornflower blue · ΔE 30

Nearest named CSS colourRoyal blue (#4169E1)ΔE 5.01, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DF8409

Analogous#09CFDF, #1909DF

Triadic#DF0964, #64DF09

Split complementary#DF1909, #CFDF09

Tetradic#DF09CF, #DF8409, #09DF19

Tints, shades & saturation

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

Lighter +40%#B8D5FC

Lighter +30%#87B8FA

Lighter +20%#569BF8

Lighter +10%#257EF6

Darker −10%#074EAE

Darker −20%#05387D

Darker −30%#03224C

Darker −40%#010C1B

More saturated +25%#0063E8

Less saturated −25%#2668C2

Channel breakdown

G100

B223

Red9 (3.5%)

Green100 (39.2%)

Blue223 (87.5%)

Hue214.49°

Saturation (HSL)92.24%

Lightness45.49%

Dominant channelBlue

Hex per channelR 09 · G 64 · B DF

Keep nerding

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

#0964DF

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