Colour

#5A6181

#5A6181
Blue
Dark
Nearest: Slate grey

#5A6181 is a blue with RGB values 90, 97, 129 and HSL 229°, 18%, 43%. It is a dark colour, so white text on it reaches 6.1:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5A6181#5A6181

HEX#5A6181

RGBrgb(90, 97, 129)

RGB (0–1)0.3529, 0.3804, 0.5059

RGB percentages35.3%, 38%, 50.6%

HSLhsl(229.2, 17.8%, 42.9%)

HSV / HSBhsv(229.2, 30.2%, 50.6%)

CMYK30.2%, 24.8%, 0%, 49.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,923,201

CSS custom property--colour: #5A6181;

Brightness & contrast

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

Perceived brightness99.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.07:1

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

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

Greyscale equivalent#626262

Inverted#A59E7E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#50676Cno blue cones; rare, and affects men and women equally; ΔE 18.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 15.7 Light slate grey · ΔE 17.8 Steel blue · ΔE 19.6 Dim grey · ΔE 19.6 Gray · ΔE 22.8 Dark slate grey · ΔE 24.9

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#817A5A

Analogous#5A7481, #675A81

Triadic#815A61, #61815A

Split complementary#81675A, #74815A

Tetradic#815A74, #817A5A, #5A8167

Tints, shades & saturation

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

Lighter +40%#CCCFDB

Lighter +30%#AEB2C6

Lighter +20%#9096B1

Lighter +10%#72799C

Darker −10%#454A63

Darker −20%#303445

Darker −30%#1B1D27

Darker −40%#060709

More saturated +25%#3F4F9C

Less saturated −25%#6E6E6E

Channel breakdown

R90

G97

B129

Red90 (35.3%)

Green97 (38%)

Blue129 (50.6%)

Hue229.23°

Saturation (HSL)17.81%

Lightness42.94%

Dominant channelBlue

Hex per channelR 5A · G 61 · B 81

Keep nerding

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

#5A6181

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