Colour

#7CB1EA

#7CB1EA
Blue
Dark
Nearest: Light skyblue

#7CB1EA is a blue with RGB values 124, 177, 234 and HSL 211°, 72%, 70%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#7CB1EA#7CB1EA

HEX#7CB1EA

RGBrgb(124, 177, 234)

RGB (0–1)0.4863, 0.6941, 0.9176

RGB percentages48.6%, 69.4%, 91.8%

HSLhsl(211.1, 72.4%, 70.2%)

HSV / HSBhsv(211.1, 47%, 91.8%)

CMYK47%, 24.4%, 0%, 8.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,172,010

CSS custom property--colour: #7CB1EA;

Brightness & contrast

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

Perceived brightness171 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.33:1

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

Contrast with black9.33:1WCAG normal text: AAA

Greyscale equivalent#AAAAAA

Inverted#834E15

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9AB3EDno red cones; affects about 1% of men; ΔE 8.1 from the original

Deuteranopia#8DA8E9no green cones; the most common form, about 1% of men; ΔE 9.3 from the original

Tritanopia#4CBEC4no blue cones; rare, and affects men and women equally; ΔE 34.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text9.33:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 13.6 Deep skyblue · ΔE 17.7 Steel blue · ΔE 18.3 Sky blue · ΔE 19.8 Light steelblue · ΔE 20.3 Cornflower blue · ΔE 21.2

Nearest named CSS colourLight skyblue (#87CEFA)ΔE 13.6, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EAB57C

Analogous#7CE8EA, #7E7CEA

Triadic#EA7CB1, #B1EA7C

Split complementary#EA7E7C, #E8EA7C

Tetradic#EA7CE8, #EAB57C, #7CEA7E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#D4E5F8

Lighter +10%#A8CBF1

Darker −10%#5097E3

Darker −20%#247DDC

Darker −30%#1C64B1

Darker −40%#154B85

More saturated +25%#69B0FD

Less saturated −25%#8FB2D7

Channel breakdown

R124

G177

B234

Red124 (48.6%)

Green177 (69.4%)

Blue234 (91.8%)

Hue211.09°

Saturation (HSL)72.37%

Lightness70.2%

Dominant channelBlue

Hex per channelR 7C · G B1 · B EA

Keep nerding

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

#7CB1EA

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