Colour

#7FA2EB

#7FA2EB
Blue
Dark
Nearest: Cornflower blue

#7FA2EB is a blue with RGB values 127, 162, 235 and HSL 221°, 73%, 71%. It is a dark colour, so black text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#7FA2EB#7FA2EB

HEX#7FA2EB

RGBrgb(127, 162, 235)

RGB (0–1)0.498, 0.6353, 0.9216

RGB percentages49.8%, 63.5%, 92.2%

HSLhsl(220.6, 73%, 71%)

HSV / HSBhsv(220.6, 46%, 92.2%)

CMYK46%, 31.1%, 0%, 7.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer8,364,779

CSS custom property--colour: #7FA2EB;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.27:1

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

Contrast with black8.27:1WCAG normal text: AAA

Greyscale equivalent#A0A0A0

Inverted#805D14

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#87A8EEno red cones; affects about 1% of men; ΔE 2.9 from the original

Deuteranopia#7B9EE9no green cones; the most common form, about 1% of men; ΔE 1.9 from the original

Tritanopia#55B1BCno blue cones; rare, and affects men and women equally; ΔE 41 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text8.27:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 10.3 Steel blue · ΔE 20 Dodgerblue · ΔE 24.3 Light skyblue · ΔE 25.2 Deep skyblue · ΔE 25.5 Light steelblue · ΔE 29.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EBC87F

Analogous#7FD8EB, #927FEB

Triadic#EB7FA2, #A2EB7F

Split complementary#EB927F, #D8EB7F

Tetradic#EB7FD8, #EBC87F, #7FEB92

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#D7E2F9

Lighter +10%#ABC2F2

Darker −10%#5382E4

Darker −20%#2762DD

Darker −30%#1C4EB5

Darker −40%#153B89

More saturated +25%#6C9BFD

Less saturated −25%#92A9D8

Channel breakdown

R127

G162

B235

Red127 (49.8%)

Green162 (63.5%)

Blue235 (92.2%)

Hue220.56°

Saturation (HSL)72.97%

Lightness70.98%

Dominant channelBlue

Hex per channelR 7F · G A2 · B EB

Keep nerding

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

#7FA2EB

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