#8ec2dc hex color

In a RGB color space, hex #8ec2dc is composed of 55.7% red, 76.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 11.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 200 degrees, a saturation of 52.7% and a lightness of 71%. #8ec2dc color hex could be obtained by blending #ffffff with #1d85b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 56
- G 76
- B 86
RGB color chart
- C 35
- M 12
- Y 0
- K 14
CMYK color chart

● #8ec2dc color description : Very soft blue.

The hexadecimal color #8ec2dc has RGB values of R:142, G:194, B:220 and CMYK values of C:0.35, M:0.12, Y:0, K:0.14. Its decimal value is 9355996.

Hex triplet	8ec2dc	`#8ec2dc`
RGB Decimal	142, 194, 220	`rgb(142,194,220)`
RGB Percent	55.7, 76.1, 86.3	`rgb(55.7%,76.1%,86.3%)`
CMYK	35, 12, 0, 14
HSL	200°, 52.7, 71	`hsl(200,52.7%,71%)`
HSV (or HSB)	200°, 35.5, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.761, -10.611, -18.402
XYZ	43.362, 49.5, 74.976
xyY	0.258, 0.295, 49.5
CIE-LCH	75.761, 21.242, 240.031
CIE-LUV	75.761, -25.845, -27.175
Hunter-Lab	70.356, -13.109, -13.934
Binary	10001110, 11000010, 11011100

#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#dca88e
```
#dca88e rgb(220,168,142)
```

Complementary Color

#8edccf
```
#8edccf rgb(142,220,207)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#8e9bdc
```
#8e9bdc rgb(142,155,220)
```

Analogous Color

#dccf8e
```
#dccf8e rgb(220,207,142)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#dc8e9b
```
#dc8e9b rgb(220,142,155)
```

Split Complementary Color

#c2dc8e
```
#c2dc8e rgb(194,220,142)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#dc8ec2
```
#dc8ec2 rgb(220,142,194)
```

Triadic Color

#8edca8
```
#8edca8 rgb(142,220,168)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#dc8ec2
```
#dc8ec2 rgb(220,142,194)
```
#dca88e
```
#dca88e rgb(220,168,142)
```

Tetradic Color

#54a2ca
```
#54a2ca rgb(84,162,202)
```
#67add0
```
#67add0 rgb(103,173,208)
```
#7bb7d6
```
#7bb7d6 rgb(123,183,214)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#a1cde2
```
#a1cde2 rgb(161,205,226)
```
#b5d7e8
```
#b5d7e8 rgb(181,215,232)
```
#c8e2ee
```
#c8e2ee rgb(200,226,238)
```

Monochromatic Color

Below, you can see some colors close to #8ec2dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#8ed6dc
```
#8ed6dc rgb(142,214,220)
```
#8ecfdc
```
#8ecfdc rgb(142,207,220)
```
#8ec9dc
```
#8ec9dc rgb(142,201,220)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#8ebcdc
```
#8ebcdc rgb(142,188,220)
```
#8eb5dc
```
#8eb5dc rgb(142,181,220)
```
#8eafdc
```
#8eafdc rgb(142,175,220)
```

Similar Colors

Text with hexadecimal color #8ec2dc

This text has a font color of #8ec2dc.

<span style="color:#8ec2dc;">Text here</span>

#8ec2dc background color

This paragraph has a background color of #8ec2dc.

<p style="background-color:#8ec2dc;">Content here</p>

#8ec2dc border color

This element has a border color of #8ec2dc.

<div style="border:1px solid #8ec2dc;">Content here</div>

CSS codes

.text {color:#8ec2dc;}

.background {background-color:#8ec2dc;}

.border {border:1px solid #8ec2dc;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020507 is the darkest color, while #f7fbfc is the lightest one.

#020507
```
#020507 rgb(2,5,7)
```
#071116
```
#071116 rgb(7,17,22)
```
#0b1c25
```
#0b1c25 rgb(11,28,37)
```
#102834
```
#102834 rgb(16,40,52)
```
#153343
```
#153343 rgb(21,51,67)
```
#193f52
```
#193f52 rgb(25,63,82)
```
#1e4a61
```
#1e4a61 rgb(30,74,97)
```
#235670
```
#235670 rgb(35,86,112)
```
#27617f
```
#27617f rgb(39,97,127)
```
#2c6d8e
```
#2c6d8e rgb(44,109,142)
```
#30799d
```
#30799d rgb(48,121,157)
```
#3584ac
```
#3584ac rgb(53,132,172)
```
#3a90bb
```
#3a90bb rgb(58,144,187)
```

Shade Color Variation

#439ac5
```
#439ac5 rgb(67,154,197)
```
#52a2c9
```
#52a2c9 rgb(82,162,201)
```
#61aace
```
#61aace rgb(97,170,206)
```
#70b2d3
```
#70b2d3 rgb(112,178,211)
```
#7fbad7
```
#7fbad7 rgb(127,186,215)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#9dcae1
```
#9dcae1 rgb(157,202,225)
```
#acd2e5
```
#acd2e5 rgb(172,210,229)
```
#bbdaea
```
#bbdaea rgb(187,218,234)
```
#cae2ef
```
#cae2ef rgb(202,226,239)
```
#d9eaf3
```
#d9eaf3 rgb(217,234,243)
```
#e8f3f8
```
#e8f3f8 rgb(232,243,248)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b0b7ba is the less saturated color, while #6ccdfe is the most saturated one.

#b0b7ba
```
#b0b7ba rgb(176,183,186)
```
#aab9c0
```
#aab9c0 rgb(170,185,192)
```
#a5bac5
```
#a5bac5 rgb(165,186,197)
```
#9fbccb
```
#9fbccb rgb(159,188,203)
```
#99bed1
```
#99bed1 rgb(153,190,209)
```
#94c0d6
```
#94c0d6 rgb(148,192,214)
```
#8ec2dc
```
#8ec2dc rgb(142,194,220)
```
#88c4e2
```
#88c4e2 rgb(136,196,226)
```
#83c6e7
```
#83c6e7 rgb(131,198,231)
```
#7dc8ed
```
#7dc8ed rgb(125,200,237)
```
#77caf3
```
#77caf3 rgb(119,202,243)
```
#72cbf8
```
#72cbf8 rgb(114,203,248)
```
#6ccdfe
```
#6ccdfe rgb(108,205,254)
```

Tone Color Variation

Below, you can see how #8ec2dc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b5b5b5 Achromatopsia 0.005% of the population
#adb8bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bcd8 Protanopia 1% of men
#bdbae1 Deuteranopia 1% of men
#91c6d5 Tritanopia 0.001% of the population

Trichromacy

#a9bed9 Protanomaly 1% of men, 0.01% of women
#acbddf Deuteranomaly 6% of men, 0.4% of women
#90c4d7 Tritanomaly 0.01% of the population

#8ec2dc hex color

#8ec2dc Color Information

#8ec2dc Color Conversion

Color Schemes with #8ec2dc

Alternatives to #8ec2dc

#8ec2dc Preview

Shades and Tints of #8ec2dc

Tones of #8ec2dc

Color Blindness Simulator