Colour

#477F8A

#477F8A
Cyan
Dark
Nearest: Cadetblue

#477F8A is a cyan with RGB values 71, 127, 138 and HSL 190°, 32%, 41%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#477F8A#477F8A

HEX#477F8A

RGBrgb(71, 127, 138)

RGB (0–1)0.2784, 0.498, 0.5412

RGB percentages27.8%, 49.8%, 54.1%

HSLhsl(189.9, 32.1%, 41%)

HSV / HSBhsv(189.9, 48.6%, 54.1%)

CMYK48.6%, 8%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,685,706

CSS custom property--colour: #477F8A;

Brightness & contrast

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

Perceived brightness114.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.67:1

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

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

Greyscale equivalent#747474

Inverted#B88075

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#767B8Bno red cones; affects about 1% of men; ΔE 17.2 from the original

Deuteranopia#6B738Ano green cones; the most common form, about 1% of men; ΔE 17.8 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 12.8 Slate grey · ΔE 13.5 Teal · ΔE 14 Light slate grey · ΔE 14.4 Dark cyan · ΔE 15.7 Gray · ΔE 19.6

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 12.79, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8A5247

Analogous#478A74, #475D8A

Triadic#8A477F, #7F8A47

Split complementary#8A475D, #8A7447

Tetradic#74478A, #8A5247, #5D8A47

Tints, shades & saturation

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

Lighter +40%#BFD9DE

Lighter +30%#9DC5CD

Lighter +20%#7CB1BB

Lighter +10%#5A9DAA

Darker −10%#366068

Darker −20%#244147

Darker −30%#132225

Darker −40%#020303

More saturated +25%#2D91A4

Less saturated −25%#616D70

Channel breakdown

R71

G127

B138

Red71 (27.8%)

Green127 (49.8%)

Blue138 (54.1%)

Hue189.85°

Saturation (HSL)32.06%

Lightness40.98%

Dominant channelBlue

Hex per channelR 47 · G 7F · B 8A

Keep nerding

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

#477F8A

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