Recognised as Colour

#4C5D85

#4C5D85
Blue
Dark
Nearest: Steel blue

#4C5D85 is a blue with RGB values 76, 93, 133 and HSL 222°, 27%, 41%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#4C5D85#4C5D85

HEX#4C5D85

RGBrgb(76, 93, 133)

RGB (0–1)0.298, 0.3647, 0.5216

RGB percentages29.8%, 36.5%, 52.2%

HSLhsl(222.1, 27.3%, 41%)

HSV / HSBhsv(222.1, 42.9%, 52.2%)

CMYK42.9%, 30.1%, 0%, 47.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,004,677

CSS custom property--colour: #4C5D85;

Brightness & contrast

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

Perceived brightness93.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.54:1

Contrast with white6.54:1WCAG normal text: AA

Contrast with black3.21:1WCAG normal text: Fail

Greyscale equivalent#5C5C5C

Inverted#B3A27A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4F6087no red cones; affects about 1% of men; ΔE 1.4 from the original

Deuteranopia#495B84no green cones; the most common form, about 1% of men; ΔE 1.1 from the original

Tritanopia#39656Bno blue cones; rare, and affects men and women equally; ΔE 24.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.54:1WCAG large text: AAA

Contrast with black, large text3.21:1WCAG large text: AA

Named colours

Steel blue · ΔE 17.3 Slate grey · ΔE 20.2 Light slate grey · ΔE 22.1 Dim grey · ΔE 25.2 Dark slate grey · ΔE 27.6 Gray · ΔE 28.4

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#85744C

Analogous#4C7985, #584C85

Triadic#854C5D, #5D854C

Split complementary#85584C, #7A854C

Tetradic#854C79, #85744C, #4C8558

Tints, shades & saturation

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

Lighter +40%#C1C9DC

Lighter +30%#A1ADC9

Lighter +20%#8091B7

Lighter +10%#6074A4

Darker −10%#394665

Darker −20%#273044

Darker −30%#141924

Darker −40%#020203

More saturated +25%#32529F

Less saturated −25%#66686B

Channel breakdown

R76

G93

B133

Red76 (29.8%)

Green93 (36.5%)

Blue133 (52.2%)

Hue222.11°

Saturation (HSL)27.27%

Lightness40.98%

Dominant channelBlue

Hex per channelR 4C · G 5D · B 85

Keep nerding

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

#4C5D85

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