Colour

#899DD9

#899DD9
Blue
Dark
Nearest: Cornflower blue

#899DD9 is a blue with RGB values 137, 157, 217 and HSL 225°, 51%, 69%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#899DD9#899DD9

HEX#899DD9

RGBrgb(137, 157, 217)

RGB (0–1)0.5373, 0.6157, 0.851

RGB percentages53.7%, 61.6%, 85.1%

HSLhsl(225, 51.3%, 69.4%)

HSV / HSBhsv(225, 36.9%, 85.1%)

CMYK36.9%, 27.6%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,018,841

CSS custom property--colour: #899DD9;

Brightness & contrast

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

Perceived brightness159.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.89:1

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

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

Greyscale equivalent#9D9D9D

Inverted#766226

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#89A2DCno red cones; affects about 1% of men; ΔE 2.6 from the original

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

Tritanopia#71A9B2no blue cones; rare, and affects men and women equally; ΔE 32.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 17 Steel blue · ΔE 17.3 Light steelblue · ΔE 23.7 Light skyblue · ΔE 23.7 Light slate grey · ΔE 25.6 Slate grey · ΔE 27.3

Nearest named CSS colourCornflower blue (#6495ED)ΔE 16.95, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D9C589

Analogous#89C5D9, #9D89D9

Triadic#D9899D, #9DD989

Split complementary#D99D89, #C5D989

Tetradic#D989C5, #D9C589, #89D99D

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDFDFE

Lighter +20%#D6DDF2

Lighter +10%#B0BDE5

Darker −10%#627DCD

Darker −20%#3D5EBF

Darker −30%#314B98

Darker −40%#253871

More saturated +25%#7693ED

Less saturated −25%#9DA7C6

Channel breakdown

R137

G157

B217

Red137 (53.7%)

Green157 (61.6%)

Blue217 (85.1%)

Hue225°

Saturation (HSL)51.28%

Lightness69.41%

Dominant channelBlue

Hex per channelR 89 · G 9D · B D9

Keep nerding

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

#899DD9

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