Colour

#47557D

#47557D
Blue
Dark
Nearest: Steel blue

#47557D is a blue with RGB values 71, 85, 125 and HSL 224°, 28%, 38%. It is a dark colour, so white text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#47557D#47557D

HEX#47557D

RGBrgb(71, 85, 125)

RGB (0–1)0.2784, 0.3333, 0.4902

RGB percentages27.8%, 33.3%, 49%

HSLhsl(224.4, 27.6%, 38.4%)

HSV / HSBhsv(224.4, 43.2%, 49%)

CMYK43.2%, 32%, 0%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,674,941

CSS custom property--colour: #47557D;

Brightness & contrast

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

Perceived brightness86.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.33:1

Contrast with white7.33:1WCAG normal text: AAA

Contrast with black2.86:1WCAG normal text: Fail

Greyscale equivalent#555555

Inverted#B8AA82

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#47597Fno red cones; affects about 1% of men; ΔE 2.4 from the original

Deuteranopia#42547Cno green cones; the most common form, about 1% of men; ΔE 1.4 from the original

Tritanopia#355D63no blue cones; rare, and affects men and women equally; ΔE 24.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.33:1WCAG large text: AAA

Contrast with black, large text2.86:1WCAG large text: Fail

Named colours

Steel blue · ΔE 20.3 Slate grey · ΔE 22.7 Light slate grey · ΔE 24.7 Dim grey · ΔE 26.2 Dark slate grey · ΔE 27.5 Dark slateblue · ΔE 27.6

Nearest named CSS colourSteel blue (#4682B4)ΔE 20.27, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7D6F47

Analogous#47707D, #54477D

Triadic#7D4755, #557D47

Split complementary#7D5447, #707D47

Tetradic#7D4770, #7D6F47, #477D54

Tints, shades & saturation

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

Lighter +40%#B9C1D7

Lighter +30%#98A4C5

Lighter +20%#7887B2

Lighter +10%#596B9E

Darker −10%#353F5C

Darker −20%#22293C

Darker −30%#10131B

Darker −40%#000000

More saturated +25%#2F4995

Less saturated −25%#606165

Channel breakdown

R71

G85

B125

Red71 (27.8%)

Green85 (33.3%)

Blue125 (49%)

Hue224.44°

Saturation (HSL)27.55%

Lightness38.43%

Dominant channelBlue

Hex per channelR 47 · G 55 · B 7D

Keep nerding

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

#47557D

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