Colour

#1864A7

#1864A7
Blue
Dark
Nearest: Steel blue

#1864A7 is a blue with RGB values 24, 100, 167 and HSL 208°, 75%, 37%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#1864A7#1864A7

HEX#1864A7

RGBrgb(24, 100, 167)

RGB (0–1)0.0941, 0.3922, 0.6549

RGB percentages9.4%, 39.2%, 65.5%

HSLhsl(208.1, 74.9%, 37.5%)

HSV / HSBhsv(208.1, 85.6%, 65.5%)

CMYK85.6%, 40.1%, 0%, 34.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,598,631

CSS custom property--colour: #1864A7;

Brightness & contrast

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

Perceived brightness96 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.14:1

Contrast with white6.14:1WCAG normal text: AA

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

Greyscale equivalent#595959

Inverted#E79B58

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4368AAno red cones; affects about 1% of men; ΔE 6.3 from the original

Deuteranopia#2C5CA6no green cones; the most common form, about 1% of men; ΔE 7.6 from the original

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

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

Contrast with white, large text6.14:1WCAG large text: AAA

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

Named colours

Steel blue · ΔE 16.5 Cornflower blue · ΔE 22.7 Dark slateblue · ΔE 25.4 Dodgerblue · ΔE 28.7 Royal blue · ΔE 33.5 Slate grey · ΔE 34

Nearest named CSS colourSteel blue (#4682B4)ΔE 16.5, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A75B18

Analogous#18A7A2, #181DA7

Triadic#A71864, #64A718

Split complementary#A7181D, #A7A318

Tetradic#A218A7, #A75B18, #1CA718

Tints, shades & saturation

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

Lighter +40%#9AC8F1

Lighter +30%#6EB0EA

Lighter +20%#4198E4

Lighter +10%#1E7FD4

Darker −10%#12497A

Darker −20%#0B2F4E

Darker −30%#051421

Darker −40%#000000

More saturated +25%#0066BF

Less saturated −25%#30628F

Channel breakdown

R24

G100

B167

Red24 (9.4%)

Green100 (39.2%)

Blue167 (65.5%)

Hue208.11°

Saturation (HSL)74.87%

Lightness37.45%

Dominant channelBlue

Hex per channelR 18 · G 64 · B A7

Keep nerding

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

#1864A7

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