Recognised as Colour

#180EDF

#180EDF
Blue
Dark
Nearest: Medium blue

#180EDF is a blue with RGB values 24, 14, 223 and HSL 243°, 88%, 46%. It is a dark colour, so white text on it reaches 9.7:1 contrast (AAA for normal text). The nearest named colour is Medium blue.

Colour values

#180EDF#180EDF

HEX#180EDF

RGBrgb(24, 14, 223)

RGB (0–1)0.0941, 0.0549, 0.8745

RGB percentages9.4%, 5.5%, 87.5%

HSLhsl(242.9, 88.2%, 46.5%)

HSV / HSBhsv(242.9, 93.7%, 87.5%)

CMYK89.2%, 93.7%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,576,671

CSS custom property--colour: #180EDF;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.69:1

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

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

Greyscale equivalent#1F1F1F

Inverted#E7F120

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#0039DCno green cones; the most common form, about 1% of men; ΔE 22.3 from the original

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

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

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

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

Named colours

Medium blue · ΔE 5.8 Blue · ΔE 16.5 Blue violet · ΔE 24.3 Dark violet · ΔE 27.9 Dark blue · ΔE 35.5 Dark orchid · ΔE 38.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D5DF0E

Analogous#0E6DDF, #800EDF

Triadic#DF180E, #0EDF18

Split complementary#DF800E, #6DDF0E

Tetradic#DF0E6D, #D5DF0E, #0EDF80

Tints, shades & saturation

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

Lighter +40%#C1BEFB

Lighter +30%#938EF8

Lighter +20%#655EF5

Lighter +10%#372EF2

Darker −10%#130BAF

Darker −20%#0E087F

Darker −30%#09054F

Darker −40%#03021F

More saturated +25%#0B00ED

Less saturated −25%#332CC1

Channel breakdown

R24

G14

B223

Red24 (9.4%)

Green14 (5.5%)

Blue223 (87.5%)

Hue242.87°

Saturation (HSL)88.19%

Lightness46.47%

Dominant channelBlue

Hex per channelR 18 · G 0E · B DF

Keep nerding

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

#180EDF

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