Colour

#809ED3

#809ED3
Blue
Dark
Nearest: Steel blue

#809ED3 is a blue with RGB values 128, 158, 211 and HSL 218°, 49%, 66%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#809ED3#809ED3

HEX#809ED3

RGBrgb(128, 158, 211)

RGB (0–1)0.502, 0.6196, 0.8275

RGB percentages50.2%, 62%, 82.7%

HSLhsl(218.3, 48.5%, 66.5%)

HSV / HSBhsv(218.3, 39.3%, 82.7%)

CMYK39.3%, 25.1%, 0%, 17.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,429,267

CSS custom property--colour: #809ED3;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.75:1

Contrast with white2.71:1WCAG normal text: Fail

Contrast with black7.75:1WCAG normal text: AAA

Greyscale equivalent#9B9B9B

Inverted#7F612C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8BA1D5no red cones; affects about 1% of men; ΔE 2.8 from the original

Deuteranopia#829AD2no green cones; the most common form, about 1% of men; ΔE 2.9 from the original

Tritanopia#64A9B0no blue cones; rare, and affects men and women equally; ΔE 30.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.71:1WCAG large text: Fail

Contrast with black, large text7.75:1WCAG large text: AAA

Named colours

Steel blue · ΔE 14.3 Cornflower blue · ΔE 20.2 Light skyblue · ΔE 20.4 Light steelblue · ΔE 20.8 Light slate grey · ΔE 21.8 Slate grey · ΔE 23.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D3B580

Analogous#80C7D3, #8C80D3

Triadic#D3809E, #9ED380

Split complementary#D38C80, #C7D380

Tetradic#D380C7, #D3B580, #80D38C

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F2F5FA

Lighter +20%#CCD8ED

Lighter +10%#A6BBE0

Darker −10%#5A81C6

Darker −20%#3D67B0

Darker −30%#30508A

Darker −40%#233A64

More saturated +25%#6B98E8

Less saturated −25%#95A4BE

Channel breakdown

R128

G158

B211

Red128 (50.2%)

Green158 (62%)

Blue211 (82.7%)

Hue218.31°

Saturation (HSL)48.54%

Lightness66.47%

Dominant channelBlue

Hex per channelR 80 · G 9E · B D3

Keep nerding

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

#809ED3

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