Recognised as Colour

#878FD2

#878FD2
Blue
Dark
Nearest: Cornflower blue

#878FD2 is a blue with RGB values 135, 143, 210 and HSL 234°, 45%, 68%. 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

#878FD2#878FD2

HEX#878FD2

RGBrgb(135, 143, 210)

RGB (0–1)0.5294, 0.5608, 0.8235

RGB percentages52.9%, 56.1%, 82.4%

HSLhsl(233.6, 45.5%, 67.6%)

HSV / HSBhsv(233.6, 35.7%, 82.4%)

CMYK35.7%, 31.9%, 0%, 17.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,884,178

CSS custom property--colour: #878FD2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.89:1

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

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

Greyscale equivalent#929292

Inverted#78702D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7A97D5no red cones; affects about 1% of men; ΔE 7.4 from the original

Deuteranopia#7591D0no green cones; the most common form, about 1% of men; ΔE 6.6 from the original

Tritanopia#729CA7no 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 text3.05:1WCAG large text: AA

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

Named colours

Cornflower blue · ΔE 14.5 Steel blue · ΔE 19.6 Plum · ΔE 26.5 Dodgerblue · ΔE 28.3 Medium purple · ΔE 28.5 Light slate grey · ΔE 29.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D2CA87

Analogous#87B5D2, #A587D2

Triadic#D2878F, #8FD287

Split complementary#D2A587, #B4D287

Tetradic#D287B5, #D2CA87, #87D2A5

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F6F7FC

Lighter +20%#D1D4EE

Lighter +10%#ACB2E0

Darker −10%#626CC4

Darker −20%#424EB1

Darker −30%#343E8C

Darker −40%#262D67

More saturated +25%#727FE7

Less saturated −25%#9C9FBD

Channel breakdown

R135

G143

B210

Red135 (52.9%)

Green143 (56.1%)

Blue210 (82.4%)

Hue233.6°

Saturation (HSL)45.45%

Lightness67.65%

Dominant channelBlue

Hex per channelR 87 · G 8F · B D2

Keep nerding

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

#878FD2

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