Recognised as Colour

#5A5DD4

#5A5DD4
Blue
Dark
Nearest: Slate blue

#5A5DD4 is a blue with RGB values 90, 93, 212 and HSL 239°, 59%, 59%. It is a dark colour, so white text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Slate blue.

Colour values

#5A5DD4#5A5DD4

HEX#5A5DD4

RGBrgb(90, 93, 212)

RGB (0–1)0.3529, 0.3647, 0.8314

RGB percentages35.3%, 36.5%, 83.1%

HSLhsl(238.5, 58.7%, 59.2%)

HSV / HSBhsv(238.5, 57.5%, 83.1%)

CMYK57.5%, 56.1%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,922,260

CSS custom property--colour: #5A5DD4;

Brightness & contrast

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

Perceived brightness112.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.31:1

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

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

Greyscale equivalent#656565

Inverted#A5A22B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0070D8no red cones; affects about 1% of men; ΔE 19.8 from the original

Deuteranopia#0066D2no green cones; the most common form, about 1% of men; ΔE 15.6 from the original

Tritanopia#07798Fno blue cones; rare, and affects men and women equally; ΔE 67.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate blue · ΔE 5 Royal blue · ΔE 8.1 Medium slateblue · ΔE 11 Medium purple · ΔE 15.7 Rebecca purple · ΔE 21.6 Dark slateblue · ΔE 25.6

Nearest named CSS colourSlate blue (#6A5ACD)ΔE 5, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D4D15A

Analogous#5A9AD4, #945AD4

Triadic#D45A5D, #5DD45A

Split complementary#D4945A, #9AD45A

Tetradic#D45A9A, #D4D15A, #5AD494

Tints, shades & saturation

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

Lighter +40%#FCFCFE

Lighter +30%#D3D4F4

Lighter +20%#ABACE9

Lighter +10%#8285DF

Darker −10%#3438C7

Darker −20%#292C9F

Darker −30%#1F2176

Darker −40%#14164E

More saturated +25%#4044EE

Less saturated −25%#7476BA

Channel breakdown

R90

G93

B212

Red90 (35.3%)

Green93 (36.5%)

Blue212 (83.1%)

Hue238.52°

Saturation (HSL)58.65%

Lightness59.22%

Dominant channelBlue

Hex per channelR 5A · G 5D · B D4

Keep nerding

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

#5A5DD4

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