Colour

#186AA7

#186AA7
Blue
Dark
Nearest: Steel blue

#186AA7 is a blue with RGB values 24, 106, 167 and HSL 206°, 75%, 37%. It is a dark colour, so white text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#186AA7#186AA7

HEX#186AA7

RGBrgb(24, 106, 167)

RGB (0–1)0.0941, 0.4157, 0.6549

RGB percentages9.4%, 41.6%, 65.5%

HSLhsl(205.6, 74.9%, 37.5%)

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

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

24-bit integer1,600,167

CSS custom property--colour: #186AA7;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.74:1

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

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

Greyscale equivalent#5D5D5D

Inverted#E79558

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4D6DAAno red cones; affects about 1% of men; ΔE 8.7 from the original

Deuteranopia#3860A6no green cones; the most common form, about 1% of men; ΔE 10.6 from the original

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

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

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

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

Named colours

Steel blue · ΔE 12.1 Cornflower blue · ΔE 23.6 Dark slateblue · ΔE 29.8 Slate grey · ΔE 30.3 Dodgerblue · ΔE 31 Light slate grey · ΔE 31

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A75518

Analogous#18A79C, #1823A7

Triadic#A7186A, #6AA718

Split complementary#A71823, #A79D18

Tetradic#9C18A7, #A75518, #22A718

Tints, shades & saturation

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

Lighter +40%#9ACCF1

Lighter +30%#6EB5EA

Lighter +20%#419EE4

Lighter +10%#1E86D4

Darker −10%#124E7A

Darker −20%#0B314E

Darker −30%#051521

Darker −40%#000000

More saturated +25%#006EBF

Less saturated −25%#30668F

Channel breakdown

R24

G106

B167

Red24 (9.4%)

Green106 (41.6%)

Blue167 (65.5%)

Hue205.59°

Saturation (HSL)74.87%

Lightness37.45%

Dominant channelBlue

Hex per channelR 18 · G 6A · B A7

Keep nerding

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

#186AA7

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