Colour

#174FA0

#174FA0
Blue
Dark
Nearest: Dark slateblue

#174FA0 is a blue with RGB values 23, 79, 160 and HSL 215°, 75%, 36%. It is a dark colour, so white text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#174FA0#174FA0

HEX#174FA0

RGBrgb(23, 79, 160)

RGB (0–1)0.0902, 0.3098, 0.6275

RGB percentages9%, 31%, 62.7%

HSLhsl(215.5, 74.9%, 35.9%)

HSV / HSBhsv(215.5, 85.6%, 62.7%)

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

24-bit integer1,527,712

CSS custom property--colour: #174FA0;

Brightness & contrast

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

Perceived brightness82.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.89:1

Contrast with white7.89:1WCAG normal text: AAA

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

Greyscale equivalent#494949

Inverted#E8B05F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1C58A3no red cones; affects about 1% of men; ΔE 6.1 from the original

Deuteranopia#004C9Eno green cones; the most common form, about 1% of men; ΔE 1.8 from the original

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

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

Contrast with white, large text7.89:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 14.5 Royal blue · ΔE 24.5 Midnight blue · ΔE 26 Slate blue · ΔE 26.3 Cornflower blue · ΔE 27.7 Dodgerblue · ΔE 28.9

Nearest named CSS colourDark slateblue (#483D8B)ΔE 14.53, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A06817

Analogous#1793A0, #2317A0

Triadic#A0174F, #4FA017

Split complementary#A02317, #94A017

Tetradic#A01794, #A06817, #17A024

Tints, shades & saturation

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

Lighter +40%#93B9F0

Lighter +30%#679CE9

Lighter +20%#3A7FE3

Lighter +10%#1D65CD

Darker −10%#113973

Darker −20%#0A2347

Darker −30%#040D1A

Darker −40%#000000

More saturated +25%#004BB7

Less saturated −25%#2E5389

Channel breakdown

R23

G79

B160

Red23 (9%)

Green79 (31%)

Blue160 (62.7%)

Hue215.47°

Saturation (HSL)74.86%

Lightness35.88%

Dominant channelBlue

Hex per channelR 17 · G 4F · B A0

Keep nerding

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

#174FA0

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