#8bd4e0 hex color

In a RGB color space, hex #8bd4e0 is composed of 54.5% red, 83.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 5.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 188.5 degrees, a saturation of 57.8% and a lightness of 71.2%. #8bd4e0 color hex could be obtained by blending #ffffff with #17a9c1. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 55
- G 83
- B 88
RGB color chart
- C 38
- M 5
- Y 0
- K 12
CMYK color chart

● #8bd4e0 color description : Very soft cyan.

The hexadecimal color #8bd4e0 has RGB values of R:139, G:212, B:224 and CMYK values of C:0.38, M:0.05, Y:0, K:0.12. Its decimal value is 9164000.

Hex triplet	8bd4e0	`#8bd4e0`
RGB Decimal	139, 212, 224	`rgb(139,212,224)`
RGB Percent	54.5, 83.1, 87.8	`rgb(54.5%,83.1%,87.8%)`
CMYK	38, 5, 0, 12
HSL	188.5°, 57.8, 71.2	`hsl(188.5,57.8%,71.2%)`
HSV (or HSB)	188.5°, 37.9, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.714, -19.691, -13.114
XYZ	47.642, 57.955, 79.193
xyY	0.258, 0.314, 57.955
CIE-LCH	80.714, 23.658, 213.663
CIE-LUV	80.714, -34.397, -17.377
Hunter-Lab	76.128, -21.517, -8.387
Binary	10001011, 11010100, 11100000

#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#e0978b
```
#e0978b rgb(224,151,139)
```

Complementary Color

#8be0c2
```
#8be0c2 rgb(139,224,194)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#8baae0
```
#8baae0 rgb(139,170,224)
```

Analogous Color

#e0c28b
```
#e0c28b rgb(224,194,139)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#e08baa
```
#e08baa rgb(224,139,170)
```

Split Complementary Color

#d4e08b
```
#d4e08b rgb(212,224,139)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#e08bd4
```
#e08bd4 rgb(224,139,212)
```

Triadic Color

#8be097
```
#8be097 rgb(139,224,151)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#e08bd4
```
#e08bd4 rgb(224,139,212)
```
#e0978b
```
#e0978b rgb(224,151,139)
```

Tetradic Color

#4fbed0
```
#4fbed0 rgb(79,190,208)
```
#63c5d5
```
#63c5d5 rgb(99,197,213)
```
#77cddb
```
#77cddb rgb(119,205,219)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#9fdbe5
```
#9fdbe5 rgb(159,219,229)
```
#b3e3eb
```
#b3e3eb rgb(179,227,235)
```
#c7eaf0
```
#c7eaf0 rgb(199,234,240)
```

Monochromatic Color

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

#8be0d7
```
#8be0d7 rgb(139,224,215)
```
#8be0de
```
#8be0de rgb(139,224,222)
```
#8bdbe0
```
#8bdbe0 rgb(139,219,224)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#8bcde0
```
#8bcde0 rgb(139,205,224)
```
#8bc6e0
```
#8bc6e0 rgb(139,198,224)
```
#8bbfe0
```
#8bbfe0 rgb(139,191,224)
```

Similar Colors

Text with hexadecimal color #8bd4e0

This text has a font color of #8bd4e0.

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

#8bd4e0 background color

This paragraph has a background color of #8bd4e0.

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

#8bd4e0 border color

This element has a border color of #8bd4e0.

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

CSS codes

.text {color:#8bd4e0;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#061517
```
#061517 rgb(6,21,23)
```
#0a2327
```
#0a2327 rgb(10,35,39)
```
#0f3136
```
#0f3136 rgb(15,49,54)
```
#133f46
```
#133f46 rgb(19,63,70)
```
#174c55
```
#174c55 rgb(23,76,85)
```
#1b5a65
```
#1b5a65 rgb(27,90,101)
```
#1f6874
```
#1f6874 rgb(31,104,116)
```
#237684
```
#237684 rgb(35,118,132)
```
#278493
```
#278493 rgb(39,132,147)
```
#2b92a3
```
#2b92a3 rgb(43,146,163)
```
#30a0b2
```
#30a0b2 rgb(48,160,178)
```
#34aec2
```
#34aec2 rgb(52,174,194)
```

Shade Color Variation

#3eb7cb
```
#3eb7cb rgb(62,183,203)
```
#4dbdcf
```
#4dbdcf rgb(77,189,207)
```
#5dc3d4
```
#5dc3d4 rgb(93,195,212)
```
#6cc9d8
```
#6cc9d8 rgb(108,201,216)
```
#7ccedc
```
#7ccedc rgb(124,206,220)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#9adae4
```
#9adae4 rgb(154,218,228)
```
#aadfe8
```
#aadfe8 rgb(170,223,232)
```
#b9e5ec
```
#b9e5ec rgb(185,229,236)
```
#c9ebf1
```
#c9ebf1 rgb(201,235,241)
```
#d8f1f5
```
#d8f1f5 rgb(216,241,245)
```
#e8f6f9
```
#e8f6f9 rgb(232,246,249)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

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

#b3b8b8
```
#b3b8b8 rgb(179,184,184)
```
#adbcbe
```
#adbcbe rgb(173,188,190)
```
#a7c0c4
```
#a7c0c4 rgb(167,192,196)
```
#a2c4c9
```
#a2c4c9 rgb(162,196,201)
```
#9cc8cf
```
#9cc8cf rgb(156,200,207)
```
#96ccd5
```
#96ccd5 rgb(150,204,213)
```
#91d0da
```
#91d0da rgb(145,208,218)
```
#8bd4e0
```
#8bd4e0 rgb(139,212,224)
```
#85d8e6
```
#85d8e6 rgb(133,216,230)
```
#80dceb
```
#80dceb rgb(128,220,235)
```
#7ae0f1
```
#7ae0f1 rgb(122,224,241)
```
#74e4f7
```
#74e4f7 rgb(116,228,247)
```
#6fe8fc
```
#6fe8fc rgb(111,232,252)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b5c4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c9da Protanopia 1% of men
#cfc6e7 Deuteranopia 1% of men
#92d5e5 Tritanopia 0.001% of the population

Trichromacy

#b2cddc Protanomaly 1% of men, 0.01% of women
#b6cbe4 Deuteranomaly 6% of men, 0.4% of women
#8fd5e3 Tritanomaly 0.01% of the population

#8bd4e0 hex color

#8bd4e0 Color Information

#8bd4e0 Color Conversion

Color Schemes with #8bd4e0

Alternatives to #8bd4e0

#8bd4e0 Preview

Shades and Tints of #8bd4e0

Tones of #8bd4e0

Color Blindness Simulator