Colour

#998EC7

#998EC7
Blue
Dark
Nearest: Plum

#998EC7 is a blue with RGB values 153, 142, 199 and HSL 252°, 34%, 67%. It is a dark colour, so black text on it reaches 7:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#998EC7#998EC7

HEX#998EC7

RGBrgb(153, 142, 199)

RGB (0–1)0.6, 0.5569, 0.7804

RGB percentages60%, 55.7%, 78%

HSLhsl(251.6, 33.7%, 66.9%)

HSV / HSBhsv(251.6, 28.6%, 78%)

CMYK23.1%, 28.6%, 0%, 22%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,063,559

CSS custom property--colour: #998EC7;

Brightness & contrast

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

Perceived brightness152.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.05:1

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

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

Greyscale equivalent#949494

Inverted#667138

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8096C9no red cones; affects about 1% of men; ΔE 11.5 from the original

Deuteranopia#8194C5no green cones; the most common form, about 1% of men; ΔE 11.1 from the original

Tritanopia#9097A2no blue cones; rare, and affects men and women equally; ΔE 27 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Plum · ΔE 20.8 Cornflower blue · ΔE 22.4 Steel blue · ΔE 22.8 Light slate grey · ΔE 25.7 Thistle · ΔE 26.3 Slate grey · ΔE 26.9

Nearest named CSS colourPlum (#DDA0DD)ΔE 20.85, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BCC78E

Analogous#8EA0C7, #B68EC7

Triadic#C7998E, #8EC799

Split complementary#C7B68E, #A0C78E

Tetradic#C78EA0, #BCC78E, #8EC7B6

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F5F4FA

Lighter +20%#D7D2E9

Lighter +10%#B8B0D8

Darker −10%#7A6CB6

Darker −20%#5F4FA0

Darker −30%#4B3E7E

Darker −40%#362D5C

More saturated +25%#8C79DC

Less saturated −25%#A6A3B2

Channel breakdown

R153

G142

B199

Red153 (60%)

Green142 (55.7%)

Blue199 (78%)

Hue251.58°

Saturation (HSL)33.73%

Lightness66.86%

Dominant channelBlue

Hex per channelR 99 · G 8E · B C7

Keep nerding

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

#998EC7

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