Colour

#7D87C7

#7D87C7
Blue
Dark
Nearest: Cornflower blue

#7D87C7 is a blue with RGB values 125, 135, 199 and HSL 232°, 40%, 64%. It is a dark colour, so black text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#7D87C7#7D87C7

HEX#7D87C7

RGBrgb(125, 135, 199)

RGB (0–1)0.4902, 0.5294, 0.7804

RGB percentages49%, 52.9%, 78%

HSLhsl(231.9, 39.8%, 63.5%)

HSV / HSBhsv(231.9, 37.2%, 78%)

CMYK37.2%, 32.2%, 0%, 22%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,226,759

CSS custom property--colour: #7D87C7;

Brightness & contrast

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

Perceived brightness141 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.16:1

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

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

Greyscale equivalent#898989

Inverted#827838

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#728ECAno red cones; affects about 1% of men; ΔE 6.3 from the original

Deuteranopia#6D88C5no green cones; the most common form, about 1% of men; ΔE 5.5 from the original

Tritanopia#67939Eno blue cones; rare, and affects men and women equally; ΔE 33.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cornflower blue · ΔE 15.7 Steel blue · ΔE 17.2 Light slate grey · ΔE 27.4 Slate grey · ΔE 28.2 Plum · ΔE 28.5 Dodgerblue · ΔE 29.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C7BD7D

Analogous#7DACC7, #987DC7

Triadic#C77D87, #87C77D

Split complementary#C7987D, #ACC77D

Tetradic#C77DAC, #C7BD7D, #7DC798

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E8EAF5

Lighter +20%#C4C9E6

Lighter +10%#A1A8D6

Darker −10%#5966B8

Darker −20%#434F9B

Darker −30%#333D78

Darker −40%#242B54

More saturated +25%#6676DE

Less saturated −25%#9498B0

Channel breakdown

R125

G135

B199

Red125 (49%)

Green135 (52.9%)

Blue199 (78%)

Hue231.89°

Saturation (HSL)39.78%

Lightness63.53%

Dominant channelBlue

Hex per channelR 7D · G 87 · B C7

Keep nerding

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

#7D87C7

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