Nerdulator> put something in

Recognised as Colour

#477F8F

  • #477F8F
  • Cyan
  • Dark
  • Nearest: Slate grey

#477F8F is a cyan with RGB values 71, 127, 143 and HSL 193°, 34%, 42%. 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

#477F8F#477F8F
HEX#477F8F
RGBrgb(71, 127, 143)
RGB (0–1)0.2784, 0.498, 0.5608
RGB percentages27.8%, 49.8%, 56.1%
HSLhsl(193.3, 33.6%, 42%)
HSV / HSBhsv(193.3, 50.3%, 56.1%)
CMYK50.3%, 11.2%, 0%, 43.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,685,711
CSS custom property--colour: #477F8F;

Brightness & contrast

Relative luminance0.18502WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.7:1
Contrast with white4.47:1WCAG normal text: Fail
Contrast with black4.7:1WCAG normal text: AA
Greyscale equivalent#747474
Inverted#B88070

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#757C90no red cones; affects about 1% of men; ΔE 16 from the original
Deuteranopia#6A748Fno green cones; the most common form, about 1% of men; ΔE 16.6 from the original
Tritanopia#1F8584no blue cones; rare, and affects men and women equally; ΔE 15.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.47:1WCAG large text: AA
Contrast with black, large text4.7:1WCAG large text: AAA

Named colours

Slate grey · ΔE 12.6Light slate grey · ΔE 13.4Cadetblue · ΔE 14.3Teal · ΔE 16.2Dark cyan · ΔE 17.7Gray · ΔE 20.2
Nearest named CSS colourSlate grey (#708090)ΔE 12.59, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#8F5747
Analogous#478F7B, #475B8F
Triadic#8F477F, #7F8F47
Split complementary#8F475B, #8F7B47
Tetradic#7B478F, #8F5747, #5B8F47

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C2DAE0
Lighter +30%#9FC5D0
Lighter +20%#7DB0BF
Lighter +10%#5B9BAE
Darker −10%#36616D
Darker −20%#25424B
Darker −30%#142429
Darker −40%#030607
More saturated +25%#2C8EAA
Less saturated −25%#627074

Channel breakdown

R71
G127
B143
Red71 (27.8%)
Green127 (49.8%)
Blue143 (56.1%)
Hue193.33°
Saturation (HSL)33.64%
Lightness41.96%
Dominant channelBlue
Hex per channelR 47 · G 7F · B 8F

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “477f8f” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.