Colour

#172B87

#172B87
Blue
Dark
Nearest: Midnight blue

#172B87 is a blue with RGB values 23, 43, 135 and HSL 229°, 71%, 31%. It is a dark colour, so white text on it reaches 12.1:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#172B87#172B87

HEX#172B87

RGBrgb(23, 43, 135)

RGB (0–1)0.0902, 0.1686, 0.5294

RGB percentages9%, 16.9%, 52.9%

HSLhsl(229.3, 70.9%, 31%)

HSV / HSBhsv(229.3, 83%, 52.9%)

CMYK83%, 68.1%, 0%, 47.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,518,471

CSS custom property--colour: #172B87;

Brightness & contrast

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

Perceived brightness57.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 12.13:1

Contrast with white12.13:1WCAG normal text: AAA

Contrast with black1.73:1WCAG normal text: Fail

Greyscale equivalent#2D2D2D

Inverted#E8D478

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#003B8Ano red cones; affects about 1% of men; ΔE 13.1 from the original

Deuteranopia#003185no green cones; the most common form, about 1% of men; ΔE 7 from the original

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

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

Contrast with white, large text12.13:1WCAG large text: AAA

Contrast with black, large text1.73:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 8.3 Dark slateblue · ΔE 14.2 Rebecca purple · ΔE 18.8 Indigo · ΔE 23.3 Navy · ΔE 24.2 Slate blue · ΔE 24.5

Nearest named CSS colourMidnight blue (#191970)ΔE 8.29, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#877317

Analogous#176387, #3B1787

Triadic#87172B, #2B8717

Split complementary#873B17, #638717

Tetradic#871763, #877317, #17873B

Tints, shades & saturation

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

Lighter +40%#8193E9

Lighter +30%#556EE2

Lighter +20%#2949DB

Lighter +10%#1E39B3

Darker −10%#101D5B

Darker −20%#080F30

Darker −30%#010104

Darker −40%#000000

More saturated +25%#031E9B

Less saturated −25%#2B3873

Channel breakdown

R23

G43

B135

Red23 (9%)

Green43 (16.9%)

Blue135 (52.9%)

Hue229.29°

Saturation (HSL)70.89%

Lightness30.98%

Dominant channelBlue

Hex per channelR 17 · G 2B · B 87

Keep nerding

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

#172B87

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