#8ad4dc hex color

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

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

● #8ad4dc color description : Very soft cyan.

The hexadecimal color #8ad4dc has RGB values of R:138, G:212, B:220 and CMYK values of C:0.37, M:0.04, Y:0, K:0.14. Its decimal value is 9098460.

Hex triplet	8ad4dc	`#8ad4dc`
RGB Decimal	138, 212, 220	`rgb(138,212,220)`
RGB Percent	54.1, 83.1, 86.3	`rgb(54.1%,83.1%,86.3%)`
CMYK	37, 4, 0, 14
HSL	185.9°, 53.9, 70.2	`hsl(185.9,53.9%,70.2%)`
HSV (or HSB)	185.9°, 37.3, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.547, -20.931, -11.232
XYZ	46.94, 57.655, 76.361
xyY	0.259, 0.319, 57.655
CIE-LCH	80.547, 23.755, 208.219
CIE-LUV	80.547, -34.829, -14.14
Hunter-Lab	75.931, -22.533, -6.474
Binary	10001010, 11010100, 11011100

#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#dc928a
```
#dc928a rgb(220,146,138)
```

Complementary Color

#8adcbb
```
#8adcbb rgb(138,220,187)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#8aabdc
```
#8aabdc rgb(138,171,220)
```

Analogous Color

#dcbb8a
```
#dcbb8a rgb(220,187,138)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#dc8aab
```
#dc8aab rgb(220,138,171)
```

Split Complementary Color

#d4dc8a
```
#d4dc8a rgb(212,220,138)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#dc8ad4
```
#dc8ad4 rgb(220,138,212)
```

Triadic Color

#8adc92
```
#8adc92 rgb(138,220,146)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#dc8ad4
```
#dc8ad4 rgb(220,138,212)
```
#dc928a
```
#dc928a rgb(220,146,138)
```

Tetradic Color

#4fbeca
```
#4fbeca rgb(79,190,202)
```
#63c6d0
```
#63c6d0 rgb(99,198,208)
```
#76cdd6
```
#76cdd6 rgb(118,205,214)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#9edbe2
```
#9edbe2 rgb(158,219,226)
```
#b1e2e8
```
#b1e2e8 rgb(177,226,232)
```
#c5eaee
```
#c5eaee rgb(197,234,238)
```

Monochromatic Color

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

#8adcd0
```
#8adcd0 rgb(138,220,208)
```
#8adcd6
```
#8adcd6 rgb(138,220,214)
```
#8adbdc
```
#8adbdc rgb(138,219,220)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#8acddc
```
#8acddc rgb(138,205,220)
```
#8ac6dc
```
#8ac6dc rgb(138,198,220)
```
#8ac0dc
```
#8ac0dc rgb(138,192,220)
```

Similar Colors

Text with hexadecimal color #8ad4dc

This text has a font color of #8ad4dc.

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

#8ad4dc background color

This paragraph has a background color of #8ad4dc.

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

#8ad4dc border color

This element has a border color of #8ad4dc.

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

CSS codes

.text {color:#8ad4dc;}

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

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

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)
```
#184a4f
```
#184a4f rgb(24,74,79)
```
#1c585e
```
#1c585e rgb(28,88,94)
```
#21666d
```
#21666d rgb(33,102,109)
```
#25747d
```
#25747d rgb(37,116,125)
```
#2a828c
```
#2a828c rgb(42,130,140)
```
#2e909b
```
#2e909b rgb(46,144,155)
```
#339eaa
```
#339eaa rgb(51,158,170)
```
#37acb9
```
#37acb9 rgb(55,172,185)
```

Shade Color Variation

#3fb8c5
```
#3fb8c5 rgb(63,184,197)
```
#4ebeca
```
#4ebeca rgb(78,190,202)
```
#5dc3ce
```
#5dc3ce rgb(93,195,206)
```
#6cc9d3
```
#6cc9d3 rgb(108,201,211)
```
#7bced7
```
#7bced7 rgb(123,206,215)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#99dae1
```
#99dae1 rgb(153,218,225)
```
#a8dfe5
```
#a8dfe5 rgb(168,223,229)
```
#b7e5ea
```
#b7e5ea rgb(183,229,234)
```
#c6eaee
```
#c6eaee rgb(198,234,238)
```
#d5f0f3
```
#d5f0f3 rgb(213,240,243)
```
#e5f5f7
```
#e5f5f7 rgb(229,245,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 #6decf9 is the most saturated one.

#b3b3b3
```
#b3b3b3 rgb(179,179,179)
```
#adb8b9
```
#adb8b9 rgb(173,184,185)
```
#a7bcbf
```
#a7bcbf rgb(167,188,191)
```
#a1c1c5
```
#a1c1c5 rgb(161,193,197)
```
#9cc6ca
```
#9cc6ca rgb(156,198,202)
```
#96cbd0
```
#96cbd0 rgb(150,203,208)
```
#90cfd6
```
#90cfd6 rgb(144,207,214)
```
#8ad4dc
```
#8ad4dc rgb(138,212,220)
```
#84d9e2
```
#84d9e2 rgb(132,217,226)
```
#7edde8
```
#7edde8 rgb(126,221,232)
```
#78e2ee
```
#78e2ee rgb(120,226,238)
```
#73e7f3
```
#73e7f3 rgb(115,231,243)
```
#6decf9
```
#6decf9 rgb(109,236,249)
```

Tone Color Variation

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

#cac9d6 Protanopia 1% of men
#d1c5e3 Deuteranopia 1% of men
#92d5e4 Tritanopia 0.001% of the population

Trichromacy

#b3cdd8 Protanomaly 1% of men, 0.01% of women
#b7cbe0 Deuteranomaly 6% of men, 0.4% of women
#8fd4e1 Tritanomaly 0.01% of the population

#8ad4dc hex color

#8ad4dc Color Information

#8ad4dc Color Conversion

Color Schemes with #8ad4dc

Alternatives to #8ad4dc

#8ad4dc Preview

Shades and Tints of #8ad4dc

Tones of #8ad4dc

Color Blindness Simulator