Colour

#8C8CD9

#8C8CD9
Blue
Dark
Nearest: Cornflower blue

#8C8CD9 is a blue with RGB values 140, 140, 217 and HSL 240°, 50%, 70%. It is a dark colour, so black text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#8C8CD9#8C8CD9

HEX#8C8CD9

RGBrgb(140, 140, 217)

RGB (0–1)0.549, 0.549, 0.851

RGB percentages54.9%, 54.9%, 85.1%

HSLhsl(240, 50.3%, 70%)

HSV / HSBhsv(240, 35.5%, 85.1%)

CMYK35.5%, 35.5%, 0%, 14.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,211,097

CSS custom property--colour: #8C8CD9;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.87:1

Contrast with white3.06:1WCAG normal text: Fail

Contrast with black6.87:1WCAG normal text: AA

Greyscale equivalent#929292

Inverted#737326

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7496DCno red cones; affects about 1% of men; ΔE 11.2 from the original

Deuteranopia#7191D7no green cones; the most common form, about 1% of men; ΔE 10.5 from the original

Tritanopia#779BA8no blue cones; rare, and affects men and women equally; ΔE 39.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text3.06:1WCAG large text: AA

Contrast with black, large text6.87:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 13.3 Medium purple · ΔE 22.4 Steel blue · ΔE 24.9 Dodgerblue · ΔE 25.4 Plum · ΔE 25.7 Slate blue · ΔE 30.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D9D98C

Analogous#8CB3D9, #B38CD9

Triadic#D98C8C, #8CD98C

Split complementary#D9B38C, #B3D98C

Tetradic#D98CB3, #D9D98C, #8CD9B3

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#D9D9F2

Lighter +10%#B2B2E6

Darker −10%#6666CC

Darker −20%#3F3FC0

Darker −30%#333399

Darker −40%#262673

More saturated +25%#7979EC

Less saturated −25%#9F9FC6

Channel breakdown

R140

G140

B217

Red140 (54.9%)

Green140 (54.9%)

Blue217 (85.1%)

Hue240°

Saturation (HSL)50.33%

Lightness70%

Dominant channelBlue

Hex per channelR 8C · G 8C · B D9

Keep nerding

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

#8C8CD9

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