Colour

#54658E

#54658E
Blue
Dark
Nearest: Steel blue

#54658E is a blue with RGB values 84, 101, 142 and HSL 222°, 26%, 44%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#54658E#54658E

HEX#54658E

RGBrgb(84, 101, 142)

RGB (0–1)0.3294, 0.3961, 0.5569

RGB percentages32.9%, 39.6%, 55.7%

HSLhsl(222.4, 25.7%, 44.3%)

HSV / HSBhsv(222.4, 40.8%, 55.7%)

CMYK40.8%, 28.9%, 0%, 44.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,531,022

CSS custom property--colour: #54658E;

Brightness & contrast

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

Perceived brightness102 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.79:1

Contrast with white5.79:1WCAG normal text: AA

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

Greyscale equivalent#646464

Inverted#AB9A71

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#416D73no blue cones; rare, and affects men and women equally; ΔE 24.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.79:1WCAG large text: AAA

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

Named colours

Steel blue · ΔE 14.9 Slate grey · ΔE 18.5 Light slate grey · ΔE 19.9 Dim grey · ΔE 25.1 Gray · ΔE 27.2 Dark slate grey · ΔE 29

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8E7D54

Analogous#54828E, #60548E

Triadic#8E5465, #658E54

Split complementary#8E6054, #828E54

Tetradic#8E5482, #8E7D54, #548E60

Tints, shades & saturation

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

Lighter +40%#CDD3E1

Lighter +30%#ADB7CE

Lighter +20%#8D9ABB

Lighter +10%#6D7EA8

Darker −10%#414E6E

Darker −20%#2E374E

Darker −30%#1B212E

Darker −40%#080A0E

More saturated +25%#3859AA

Less saturated −25%#707172

Channel breakdown

R84

G101

B142

Red84 (32.9%)

Green101 (39.6%)

Blue142 (55.7%)

Hue222.41°

Saturation (HSL)25.66%

Lightness44.31%

Dominant channelBlue

Hex per channelR 54 · G 65 · B 8E

Keep nerding

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

#54658E

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