Recognised as Colour

#31709D

#31709D
Blue
Dark
Nearest: Steel blue

#31709D is a blue with RGB values 49, 112, 157 and HSL 205°, 52%, 40%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#31709D#31709D

HEX#31709D

RGBrgb(49, 112, 157)

RGB (0–1)0.1922, 0.4392, 0.6157

RGB percentages19.2%, 43.9%, 61.6%

HSLhsl(205, 52.4%, 40.4%)

HSV / HSBhsv(205, 68.8%, 61.6%)

CMYK68.8%, 28.7%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,240,093

CSS custom property--colour: #31709D;

Brightness & contrast

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

Perceived brightness104.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.34:1

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

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

Greyscale equivalent#666666

Inverted#CE8F62

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5C719Fno red cones; affects about 1% of men; ΔE 10.5 from the original

Deuteranopia#4D669Cno green cones; the most common form, about 1% of men; ΔE 11.9 from the original

Tritanopia#007B80no blue cones; rare, and affects men and women equally; ΔE 28.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 7.6 Slate grey · ΔE 21.3 Light slate grey · ΔE 22.1 Cornflower blue · ΔE 29.2 Dark slate grey · ΔE 30.7 Dim grey · ΔE 30.7

Nearest named CSS colourSteel blue (#4682B4)ΔE 7.62, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D5E31

Analogous#319D94, #313A9D

Triadic#9D3170, #709D31

Split complementary#9D313A, #9D9431

Tetradic#94319D, #9D5E31, #3A9D31

Tints, shades & saturation

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

Lighter +40%#B3D1E7

Lighter +30%#8CBADB

Lighter +20%#65A3CF

Lighter +10%#3E8CC3

Darker −10%#255476

Darker −20%#19394F

Darker −30%#0D1D28

Darker −40%#000102

More saturated +25%#1774B7

Less saturated −25%#4B6C83

Channel breakdown

R49

G112

B157

Red49 (19.2%)

Green112 (43.9%)

Blue157 (61.6%)

Hue205°

Saturation (HSL)52.43%

Lightness40.39%

Dominant channelBlue

Hex per channelR 31 · G 70 · B 9D

Keep nerding

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

#31709D

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