Recognised as Colour

#497B90

#497B90
Cyan
Dark
Nearest: Slate grey

#497B90 is a cyan with RGB values 73, 123, 144 and HSL 198°, 33%, 43%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#497B90#497B90

HEX#497B90

RGBrgb(73, 123, 144)

RGB (0–1)0.2863, 0.4824, 0.5647

RGB percentages28.6%, 48.2%, 56.5%

HSLhsl(197.7, 32.7%, 42.5%)

HSV / HSBhsv(197.7, 49.3%, 56.5%)

CMYK49.3%, 14.6%, 0%, 43.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,815,760

CSS custom property--colour: #497B90;

Brightness & contrast

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

Perceived brightness113.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.65:1

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

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

Greyscale equivalent#727272

Inverted#B6846F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#707991no red cones; affects about 1% of men; ΔE 13.3 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 11.2 Light slate grey · ΔE 12.3 Steel blue · ΔE 17.3 Cadetblue · ΔE 17.6 Teal · ΔE 19.8 Gray · ΔE 20.3

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#905E49

Analogous#499081, #495890

Triadic#90497B, #7B9049

Split complementary#904957, #908249

Tetradic#824990, #905E49, #589049

Tints, shades & saturation

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

Lighter +40%#C4D8E1

Lighter +30%#A2C2D0

Lighter +20%#80ACBF

Lighter +10%#5E96AE

Darker −10%#385E6E

Darker −20%#27414C

Darker −30%#16242A

Darker −40%#040709

More saturated +25%#2E86AB

Less saturated −25%#647075

Channel breakdown

R73

G123

B144

Red73 (28.6%)

Green123 (48.2%)

Blue144 (56.5%)

Hue197.75°

Saturation (HSL)32.72%

Lightness42.55%

Dominant channelBlue

Hex per channelR 49 · G 7B · B 90

Keep nerding

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

#497B90

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