Colour

#8EC6DD

#8EC6DD
Cyan
Light
Nearest: Sky blue

#8EC6DD is a cyan with RGB values 142, 198, 221 and HSL 197°, 54%, 71%. It is a light colour, so black text on it reaches 11.3:1 contrast (AAA for normal text). The nearest named colour is Sky blue.

Colour values

#8EC6DD#8EC6DD

HEX#8EC6DD

RGBrgb(142, 198, 221)

RGB (0–1)0.5569, 0.7765, 0.8667

RGB percentages55.7%, 77.6%, 86.7%

HSLhsl(197.5, 53.7%, 71.2%)

HSV / HSBhsv(197.5, 35.7%, 86.7%)

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

24-bit integer9,357,021

CSS custom property--colour: #8EC6DD;

Brightness & contrast

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

Perceived brightness186 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.27:1

Contrast with white1.86:1WCAG normal text: Fail

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

Greyscale equivalent#BCBCBC

Inverted#713922

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#B9C3DEno red cones; affects about 1% of men; ΔE 14.9 from the original

Deuteranopia#ADBADDno green cones; the most common form, about 1% of men; ΔE 15.6 from the original

Tritanopia#72CDCDno blue cones; rare, and affects men and women equally; ΔE 17.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.86:1WCAG large text: Fail

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

Named colours

Sky blue · ΔE 5.2 Light blue · ΔE 9.1 Light steelblue · ΔE 11.5 Light skyblue · ΔE 11.7 Powder blue · ΔE 13.1 Pale turquoise · ΔE 18.5

Nearest named CSS colourSky blue (#87CEEB)ΔE 5.24, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DDA58E

Analogous#8EDDCD, #8E9EDD

Triadic#DD8EC6, #C6DD8E

Split complementary#DD8E9E, #DDCC8E

Tetradic#CD8EDD, #DDA58E, #9EDD8E

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#DCEEF5

Lighter +10%#B5DAE9

Darker −10%#67B2D1

Darker −20%#409EC5

Darker −30%#3181A1

Darker −40%#25617A

More saturated +25%#7CCEEF

Less saturated −25%#A0BECB

Channel breakdown

R142

G198

B221

Red142 (55.7%)

Green198 (77.6%)

Blue221 (86.7%)

Hue197.47°

Saturation (HSL)53.74%

Lightness71.18%

Dominant channelBlue

Hex per channelR 8E · G C6 · B DD

Keep nerding

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

#8EC6DD

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