Colour

#545EA5

#545EA5
Blue
Dark
Nearest: Dark slateblue

#545EA5 is a blue with RGB values 84, 94, 165 and HSL 233°, 33%, 49%. It is a dark colour, so white text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#545EA5#545EA5

HEX#545EA5

RGBrgb(84, 94, 165)

RGB (0–1)0.3294, 0.3686, 0.6471

RGB percentages32.9%, 36.9%, 64.7%

HSLhsl(232.6, 32.5%, 48.8%)

HSV / HSBhsv(232.6, 49.1%, 64.7%)

CMYK49.1%, 43%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,529,253

CSS custom property--colour: #545EA5;

Brightness & contrast

Relative luminance0.12607WCAG 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.96:1

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

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

Greyscale equivalent#616161

Inverted#ABA15A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4267A8no red cones; affects about 1% of men; ΔE 8.9 from the original

Deuteranopia#3B60A3no green cones; the most common form, about 1% of men; ΔE 7.5 from the original

Tritanopia#356D79no blue cones; rare, and affects men and women equally; ΔE 41.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dark slateblue · ΔE 15.3 Cornflower blue · ΔE 23 Steel blue · ΔE 23.9 Medium purple · ΔE 26.5 Slate blue · ΔE 27.1 Royal blue · ΔE 28.2

Nearest named CSS colourDark slateblue (#483D8B)ΔE 15.26, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A59B54

Analogous#5486A5, #7354A5

Triadic#A5545E, #5EA554

Split complementary#A57354, #86A554

Tetradic#A55486, #A59B54, #54A573

Tints, shades & saturation

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

Lighter +40%#D9DCEC

Lighter +30%#B7BCDB

Lighter +20%#969CC9

Lighter +10%#747CB8

Darker −10%#434B83

Darker −20%#323761

Darker −30%#202440

Darker −40%#0F111E

More saturated +25%#3547C4

Less saturated −25%#737586

Channel breakdown

R84

G94

B165

Red84 (32.9%)

Green94 (36.9%)

Blue165 (64.7%)

Hue232.59°

Saturation (HSL)32.53%

Lightness48.82%

Dominant channelBlue

Hex per channelR 54 · G 5E · B A5

Keep nerding

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

#545EA5

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