#8ad5dc hex color

In a RGB color space, hex #8ad5dc is composed of 54.1% red, 83.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 3.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 185.1 degrees, a saturation of 53.9% and a lightness of 70.2%. #8ad5dc color hex could be obtained by blending #ffffff with #15abb9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 54
- G 84
- B 86
RGB color chart
- C 37
- M 3
- Y 0
- K 14
CMYK color chart

● #8ad5dc color description : Very soft cyan.

The hexadecimal color #8ad5dc has RGB values of R:138, G:213, B:220 and CMYK values of C:0.37, M:0.03, Y:0, K:0.14. Its decimal value is 9098716.

Hex triplet	8ad5dc	`#8ad5dc`
RGB Decimal	138, 213, 220	`rgb(138,213,220)`
RGB Percent	54.1, 83.5, 86.3	`rgb(54.1%,83.5%,86.3%)`
CMYK	37, 3, 0, 14
HSL	185.1°, 53.9, 70.2	`hsl(185.1,53.9%,70.2%)`
HSV (or HSB)	185.1°, 37.3, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.826, -21.432, -10.816
XYZ	47.19, 58.157, 76.445
xyY	0.26, 0.32, 58.157
CIE-LCH	80.826, 24.006, 206.778
CIE-LUV	80.826, -35.24, -13.399
Hunter-Lab	76.261, -22.999, -6.051
Binary	10001010, 11010101, 11011100

#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#dc918a
```
#dc918a rgb(220,145,138)
```

Complementary Color

#8adcba
```
#8adcba rgb(138,220,186)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#8aacdc
```
#8aacdc rgb(138,172,220)
```

Analogous Color

#dcba8a
```
#dcba8a rgb(220,186,138)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#dc8aac
```
#dc8aac rgb(220,138,172)
```

Split Complementary Color

#d5dc8a
```
#d5dc8a rgb(213,220,138)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#dc8ad5
```
#dc8ad5 rgb(220,138,213)
```

Triadic Color

#8adc91
```
#8adc91 rgb(138,220,145)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#dc8ad5
```
#dc8ad5 rgb(220,138,213)
```
#dc918a
```
#dc918a rgb(220,145,138)
```

Tetradic Color

#4fc0ca
```
#4fc0ca rgb(79,192,202)
```
#63c7d0
```
#63c7d0 rgb(99,199,208)
```
#76ced6
```
#76ced6 rgb(118,206,214)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#9edce2
```
#9edce2 rgb(158,220,226)
```
#b1e3e8
```
#b1e3e8 rgb(177,227,232)
```
#c5eaee
```
#c5eaee rgb(197,234,238)
```

Monochromatic Color

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

#8adccf
```
#8adccf rgb(138,220,207)
```
#8adcd5
```
#8adcd5 rgb(138,220,213)
```
#8adcdc
```
#8adcdc rgb(138,220,220)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#8acedc
```
#8acedc rgb(138,206,220)
```
#8ac7dc
```
#8ac7dc rgb(138,199,220)
```
#8ac1dc
```
#8ac1dc rgb(138,193,220)
```

Similar Colors

Text with hexadecimal color #8ad5dc

This text has a font color of #8ad5dc.

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

#8ad5dc background color

This paragraph has a background color of #8ad5dc.

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

#8ad5dc border color

This element has a border color of #8ad5dc.

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

CSS codes

.text {color:#8ad5dc;}

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

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

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, #010404 is the darkest color, while #f4fbfc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#061213
```
#061213 rgb(6,18,19)
```
#0a2022
```
#0a2022 rgb(10,32,34)
```
#0f2e31
```
#0f2e31 rgb(15,46,49)
```
#133c40
```
#133c40 rgb(19,60,64)
```
#184b4f
```
#184b4f rgb(24,75,79)
```
#1c595e
```
#1c595e rgb(28,89,94)
```
#21676d
```
#21676d rgb(33,103,109)
```
#25757d
```
#25757d rgb(37,117,125)
```
#2a838c
```
#2a838c rgb(42,131,140)
```
#2e929b
```
#2e929b rgb(46,146,155)
```
#33a0aa
```
#33a0aa rgb(51,160,170)
```
#37aeb9
```
#37aeb9 rgb(55,174,185)
```

Shade Color Variation

#3fbac5
```
#3fbac5 rgb(63,186,197)
```
#4ebfca
```
#4ebfca rgb(78,191,202)
```
#5dc5ce
```
#5dc5ce rgb(93,197,206)
```
#6ccad3
```
#6ccad3 rgb(108,202,211)
```
#7bd0d7
```
#7bd0d7 rgb(123,208,215)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#99dae1
```
#99dae1 rgb(153,218,225)
```
#a8e0e5
```
#a8e0e5 rgb(168,224,229)
```
#b7e5ea
```
#b7e5ea rgb(183,229,234)
```
#c6ebee
```
#c6ebee rgb(198,235,238)
```
#d5f0f3
```
#d5f0f3 rgb(213,240,243)
```
#e5f6f7
```
#e5f6f7 rgb(229,246,247)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

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

#b3b3b3
```
#b3b3b3 rgb(179,179,179)
```
#adb8b9
```
#adb8b9 rgb(173,184,185)
```
#a7bdbf
```
#a7bdbf rgb(167,189,191)
```
#a1c2c5
```
#a1c2c5 rgb(161,194,197)
```
#9cc6ca
```
#9cc6ca rgb(156,198,202)
```
#96cbd0
```
#96cbd0 rgb(150,203,208)
```
#90d0d6
```
#90d0d6 rgb(144,208,214)
```
#8ad5dc
```
#8ad5dc rgb(138,213,220)
```
#84dae2
```
#84dae2 rgb(132,218,226)
```
#7edfe8
```
#7edfe8 rgb(126,223,232)
```
#78e4ee
```
#78e4ee rgb(120,228,238)
```
#73e8f3
```
#73e8f3 rgb(115,232,243)
```
#6dedf9
```
#6dedf9 rgb(109,237,249)
```

Tone Color Variation

Below, you can see how #8ad5dc 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

#bfbfbf Achromatopsia 0.005% of the population
#b4c3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad6 Protanopia 1% of men
#d2c6e3 Deuteranopia 1% of men
#92d5e5 Tritanopia 0.001% of the population

Trichromacy

#b3ced8 Protanomaly 1% of men, 0.01% of women
#b8cbe0 Deuteranomaly 6% of men, 0.4% of women
#8fd5e2 Tritanomaly 0.01% of the population

#8ad5dc hex color

#8ad5dc Color Information

#8ad5dc Color Conversion

Color Schemes with #8ad5dc

Alternatives to #8ad5dc

#8ad5dc Preview

Shades and Tints of #8ad5dc

Tones of #8ad5dc

Color Blindness Simulator