colorhexa.com

#8ad4bf hex color

In a RGB color space, hex #8ad4bf is composed of 54.1% red, 83.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 0% magenta, 9.9% yellow and 16.9% black. It has a hue angle of 163 degrees, a saturation of 46.3% and a lightness of 68.6%. #8ad4bf color hex could be obtained by blending #ffffff with #15a97f. Closest websafe color is: #99cccc.

- R 54
- G 83
- B 75
RGB color chart
- C 35
- M 0
- Y 10
- K 17
CMYK color chart

● #8ad4bf color description : Slightly desaturated cyan - lime green.

The hexadecimal color #8ad4bf has RGB values of R:138, G:212, B:191 and CMYK values of C:0.35, M:0, Y:0.1, K:0.17. Its decimal value is 9098431.

Hex triplet	8ad4bf	`#8ad4bf`
RGB Decimal	138, 212, 191	`rgb(138,212,191)`
RGB Percent	54.1, 83.1, 74.9	`rgb(54.1%,83.1%,74.9%)`
CMYK	35, 0, 10, 17
HSL	163°, 46.3, 68.6	`hsl(163,46.3%,68.6%)`
HSV (or HSB)	163°, 34.9, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.756, -27.64, 3.104
XYZ	43.426, 56.25, 57.856
xyY	0.276, 0.357, 56.25
CIE-LCH	79.756, 27.814, 173.592
CIE-LUV	79.756, -35.338, 9.251
Hunter-Lab	75, -27.895, 6.762
Binary	10001010, 11010100, 10111111

#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#d48a9f
```
#d48a9f rgb(212,138,159)
```

Complementary Color

#8ad49a
```
#8ad49a rgb(138,212,154)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#8ac4d4
```
#8ac4d4 rgb(138,196,212)
```

Analogous Color

#d49a8a
```
#d49a8a rgb(212,154,138)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#d48ac4
```
#d48ac4 rgb(212,138,196)
```

Split Complementary Color

#d4bf8a
```
#d4bf8a rgb(212,191,138)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#bf8ad4
```
#bf8ad4 rgb(191,138,212)
```

Triadic Color

#9fd48a
```
#9fd48a rgb(159,212,138)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#bf8ad4
```
#bf8ad4 rgb(191,138,212)
```
#d48a9f
```
#d48a9f rgb(212,138,159)
```

Tetradic Color

#52bfa0
```
#52bfa0 rgb(82,191,160)
```
#65c6ab
```
#65c6ab rgb(101,198,171)
```
#77cdb5
```
#77cdb5 rgb(119,205,181)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#9ddbc9
```
#9ddbc9 rgb(157,219,201)
```
#afe2d3
```
#afe2d3 rgb(175,226,211)
```
#c2e9de
```
#c2e9de rgb(194,233,222)
```

Monochromatic Color

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

#8ad4ad
```
#8ad4ad rgb(138,212,173)
```
#8ad4b3
```
#8ad4b3 rgb(138,212,179)
```
#8ad4b9
```
#8ad4b9 rgb(138,212,185)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#8ad4c5
```
#8ad4c5 rgb(138,212,197)
```
#8ad4cb
```
#8ad4cb rgb(138,212,203)
```
#8ad4d2
```
#8ad4d2 rgb(138,212,210)
```

Similar Colors

Text with hexadecimal color #8ad4bf

This text has a font color of #8ad4bf.

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

#8ad4bf background color

This paragraph has a background color of #8ad4bf.

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

#8ad4bf border color

This element has a border color of #8ad4bf.

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

CSS codes

.text {color:#8ad4bf;}

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

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

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, #040c0a is the darkest color, while #fdfefe is the lightest one.

#040c0a
```
#040c0a rgb(4,12,10)
```
#0a1a16
```
#0a1a16 rgb(10,26,22)
```
#0f2921
```
#0f2921 rgb(15,41,33)
```
#14372d
```
#14372d rgb(20,55,45)
```
#1a4539
```
#1a4539 rgb(26,69,57)
```
#1f5445
```
#1f5445 rgb(31,84,69)
```
#246251
```
#246251 rgb(36,98,81)
```
#29715c
```
#29715c rgb(41,113,92)
```
#2f7f68
```
#2f7f68 rgb(47,127,104)
```
#348d74
```
#348d74 rgb(52,141,116)
```
#399c80
```
#399c80 rgb(57,156,128)
```
#3eaa8b
```
#3eaa8b rgb(62,170,139)
```
#44b897
```
#44b897 rgb(68,184,151)
```

Shade Color Variation

#51bfa0
```
#51bfa0 rgb(81,191,160)
```
#5fc4a7
```
#5fc4a7 rgb(95,196,167)
```
#6dc9af
```
#6dc9af rgb(109,201,175)
```
#7ccfb7
```
#7ccfb7 rgb(124,207,183)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#98d9c7
```
#98d9c7 rgb(152,217,199)
```
#a7dfcf
```
#a7dfcf rgb(167,223,207)
```
#b5e4d7
```
#b5e4d7 rgb(181,228,215)
```
#c3e9de
```
#c3e9de rgb(195,233,222)
```
#d2eee6
```
#d2eee6 rgb(210,238,230)
```
#e0f4ee
```
#e0f4ee rgb(224,244,238)
```
#eef9f6
```
#eef9f6 rgb(238,249,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#afafaf
```
#afafaf rgb(175,175,175)
```
#a9b5b2
```
#a9b5b2 rgb(169,181,178)
```
#a3bbb4
```
#a3bbb4 rgb(163,187,180)
```
#9cc2b7
```
#9cc2b7 rgb(156,194,183)
```
#96c8ba
```
#96c8ba rgb(150,200,186)
```
#90cebc
```
#90cebc rgb(144,206,188)
```
#8ad4bf
```
#8ad4bf rgb(138,212,191)
```
#84dac2
```
#84dac2 rgb(132,218,194)
```
#7ee0c4
```
#7ee0c4 rgb(126,224,196)
```
#78e6c7
```
#78e6c7 rgb(120,230,199)
```
#71edca
```
#71edca rgb(113,237,202)
```
#6bf3cc
```
#6bf3cc rgb(107,243,204)
```
#65f9cf
```
#65f9cf rgb(101,249,207)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b1c0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc7bb Protanopia 1% of men
#dac2c8 Deuteranopia 1% of men
#98d1e0 Tritanopia 0.001% of the population

Trichromacy

#b6ccbc Protanomaly 1% of men, 0.01% of women
#bdc9c5 Deuteranomaly 6% of men, 0.4% of women
#93d2d4 Tritanomaly 0.01% of the population