Colour

#9898DF

#9898DF
Blue
Dark
Nearest: Cornflower blue

#9898DF is a blue with RGB values 152, 152, 223 and HSL 240°, 53%, 74%. 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

#9898DF#9898DF

HEX#9898DF

RGBrgb(152, 152, 223)

RGB (0–1)0.5961, 0.5961, 0.8745

RGB percentages59.6%, 59.6%, 87.5%

HSLhsl(240, 52.6%, 73.5%)

HSV / HSBhsv(240, 31.8%, 87.5%)

CMYK31.8%, 31.8%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,000,607

CSS custom property--colour: #9898DF;

Brightness & contrast

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

Perceived brightness161.7 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#676720

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#83A1E2no red cones; affects about 1% of men; ΔE 10.1 from the original

Deuteranopia#809CDDno green cones; the most common form, about 1% of men; ΔE 9.4 from the original

Tritanopia#86A5B2no blue cones; rare, and affects men and women equally; ΔE 35.1 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 15.3 Plum · ΔE 23 Steel blue · ΔE 24.3 Medium purple · ΔE 27 Dodgerblue · ΔE 28.7 Light steelblue · ΔE 30.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DFDF98

Analogous#98BCDF, #BC98DF

Triadic#DF9898, #98DF98

Split complementary#DFBC98, #BCDF98

Tetradic#DF98BC, #DFDF98, #98DFBC

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#E6E6F7

Lighter +10%#BFBFEB

Darker −10%#7171D3

Darker −20%#4A4AC7

Darker −30%#3535A9

Darker −40%#292982

More saturated +25%#8787F0

Less saturated −25%#A9A9CE

Channel breakdown

R152

G152

B223

Red152 (59.6%)

Green152 (59.6%)

Blue223 (87.5%)

Hue240°

Saturation (HSL)52.59%

Lightness73.53%

Dominant channelBlue

Hex per channelR 98 · G 98 · B DF

Keep nerding

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

#9898DF

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