Recognised as Colour

#497D97

#497D97
Blue
Dark
Nearest: Slate grey

#497D97 is a blue with RGB values 73, 125, 151 and HSL 200°, 35%, 44%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#497D97#497D97

HEX#497D97

RGBrgb(73, 125, 151)

RGB (0–1)0.2863, 0.4902, 0.5922

RGB percentages28.6%, 49%, 59.2%

HSLhsl(200, 34.8%, 43.9%)

HSV / HSBhsv(200, 51.7%, 59.2%)

CMYK51.7%, 17.2%, 0%, 40.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,816,279

CSS custom property--colour: #497D97;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.66:1

Contrast with white4.5:1WCAG normal text: AA

Contrast with black4.66:1WCAG normal text: AA

Greyscale equivalent#747474

Inverted#B68268

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#707B98no red cones; affects about 1% of men; ΔE 12.9 from the original

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

Tritanopia#1D8485no blue cones; rare, and affects men and women equally; ΔE 20.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.5:1WCAG large text: AAA

Contrast with black, large text4.66:1WCAG large text: AAA

Named colours

Slate grey · ΔE 12 Light slate grey · ΔE 12.7 Steel blue · ΔE 14.3 Cadetblue · ΔE 19.2 Teal · ΔE 22 Gray · ΔE 22

Nearest named CSS colourSlate grey (#708090)ΔE 12.04, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#976349

Analogous#49978A, #495697

Triadic#97497D, #7D9749

Split complementary#974956, #978A49

Tetradic#8A4997, #976349, #569749

Tints, shades & saturation

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

Lighter +40%#C8DBE4

Lighter +30%#A5C4D4

Lighter +20%#83AEC3

Lighter +10%#6197B2

Darker −10%#386175

Darker −20%#284452

Darker −30%#172830

Darker −40%#070B0D

More saturated +25%#2D86B3

Less saturated −25%#65747B

Channel breakdown

R73

G125

B151

Red73 (28.6%)

Green125 (49%)

Blue151 (59.2%)

Hue200°

Saturation (HSL)34.82%

Lightness43.92%

Dominant channelBlue

Hex per channelR 49 · G 7D · B 97

Keep nerding

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

#497D97

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