Colour

#7784C2

#7784C2
Blue
Dark
Nearest: Steel blue

#7784C2 is a blue with RGB values 119, 132, 194 and HSL 230°, 38%, 61%. It is a dark colour, so black text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#7784C2#7784C2

HEX#7784C2

RGBrgb(119, 132, 194)

RGB (0–1)0.4667, 0.5176, 0.7608

RGB percentages46.7%, 51.8%, 76.1%

HSLhsl(229.6, 38.1%, 61.4%)

HSV / HSBhsv(229.6, 38.7%, 76.1%)

CMYK38.7%, 32%, 0%, 23.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,832,770

CSS custom property--colour: #7784C2;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.86:1

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

Contrast with black5.86:1WCAG normal text: AA

Greyscale equivalent#868686

Inverted#887B3D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6F8AC5no red cones; affects about 1% of men; ΔE 5 from the original

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

Tritanopia#60909Ano blue cones; rare, and affects men and women equally; ΔE 33.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text5.86:1WCAG large text: AAA

Named colours

Steel blue · ΔE 15.5 Cornflower blue · ΔE 16.5 Light slate grey · ΔE 26.2 Slate grey · ΔE 26.9 Dodgerblue · ΔE 29.7 Plum · ΔE 30

Nearest named CSS colourSteel blue (#4682B4)ΔE 15.46, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C2B577

Analogous#77A9C2, #9077C2

Triadic#C27784, #84C277

Split complementary#C29077, #A9C277

Tetradic#C277A9, #C2B577, #77C290

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E1E4F1

Lighter +20%#BDC4E2

Lighter +10%#9AA4D2

Darker −10%#5464B2

Darker −20%#414F92

Darker −30%#323C6E

Darker −40%#22294B

More saturated +25%#5E74DB

Less saturated −25%#9094A9

Channel breakdown

R119

G132

B194

Red119 (46.7%)

Green132 (51.8%)

Blue194 (76.1%)

Hue229.6°

Saturation (HSL)38.07%

Lightness61.37%

Dominant channelBlue

Hex per channelR 77 · G 84 · B C2

Keep nerding

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

#7784C2

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