#8af4d2 hex color

In a RGB color space, hex #8af4d2 is composed of 54.1% red, 95.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0% magenta, 13.9% yellow and 4.3% black. It has a hue angle of 160.8 degrees, a saturation of 82.8% and a lightness of 74.9%. #8af4d2 color hex could be obtained by blending #ffffff with #15e9a5. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 96
- B 82
RGB color chart
- C 43
- M 0
- Y 14
- K 4
CMYK color chart

● #8af4d2 color description : Very soft cyan - lime green.

The hexadecimal color #8af4d2 has RGB values of R:138, G:244, B:210 and CMYK values of C:0.43, M:0, Y:0.14, K:0.04. Its decimal value is 9106642.

Hex triplet	8af4d2	`#8af4d2`
RGB Decimal	138, 244, 210	`rgb(138,244,210)`
RGB Percent	54.1, 95.7, 82.4	`rgb(54.1%,95.7%,82.4%)`
CMYK	43, 0, 14, 4
HSL	160.8°, 82.8, 74.9	`hsl(160.8,82.8%,74.9%)`
HSV (or HSB)	160.8°, 43.4, 95.7
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.278, -38.493, 6.846
XYZ	54.461, 74.754, 72.528
xyY	0.27, 0.371, 74.754
CIE-LCH	89.278, 39.097, 169.916
CIE-LUV	89.278, -48.16, 16.849
Hunter-Lab	86.461, -38.87, 10.786
Binary	10001010, 11110100, 11010010

#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#f48aac
```
#f48aac rgb(244,138,172)
```

Complementary Color

#8af49d
```
#8af49d rgb(138,244,157)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#8ae1f4
```
#8ae1f4 rgb(138,225,244)
```

Analogous Color

#f49d8a
```
#f49d8a rgb(244,157,138)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#f48ae1
```
#f48ae1 rgb(244,138,225)
```

Split Complementary Color

#f4d28a
```
#f4d28a rgb(244,210,138)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#d28af4
```
#d28af4 rgb(210,138,244)
```

Triadic Color

#acf48a
```
#acf48a rgb(172,244,138)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#d28af4
```
#d28af4 rgb(210,138,244)
```
#f48aac
```
#f48aac rgb(244,138,172)
```

Tetradic Color

#44edb7
```
#44edb7 rgb(68,237,183)
```
#5bf0c0
```
#5bf0c0 rgb(91,240,192)
```
#73f2c9
```
#73f2c9 rgb(115,242,201)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#a1f6db
```
#a1f6db rgb(161,246,219)
```
#b9f8e4
```
#b9f8e4 rgb(185,248,228)
```
#d0fbed
```
#d0fbed rgb(208,251,237)
```

Monochromatic Color

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

#8af4b8
```
#8af4b8 rgb(138,244,184)
```
#8af4c0
```
#8af4c0 rgb(138,244,192)
```
#8af4c9
```
#8af4c9 rgb(138,244,201)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#8af4db
```
#8af4db rgb(138,244,219)
```
#8af4e4
```
#8af4e4 rgb(138,244,228)
```
#8af4ed
```
#8af4ed rgb(138,244,237)
```

Similar Colors

Text with hexadecimal color #8af4d2

This text has a font color of #8af4d2.

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

#8af4d2 background color

This paragraph has a background color of #8af4d2.

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

#8af4d2 border color

This element has a border color of #8af4d2.

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

CSS codes

.text {color:#8af4d2;}

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

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

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

#010906
```
#010906 rgb(1,9,6)
```
#021a13
```
#021a13 rgb(2,26,19)
```
#042c1f
```
#042c1f rgb(4,44,31)
```
#063e2c
```
#063e2c rgb(6,62,44)
```
#085039
```
#085039 rgb(8,80,57)
```
#096246
```
#096246 rgb(9,98,70)
```
#0b7452
```
#0b7452 rgb(11,116,82)
```
#0d865f
```
#0d865f rgb(13,134,95)
```
#0e986c
```
#0e986c rgb(14,152,108)
```
#10aa79
```
#10aa79 rgb(16,170,121)
```
#12bc85
```
#12bc85 rgb(18,188,133)
```
#13ce92
```
#13ce92 rgb(19,206,146)
```
#15e09f
```
#15e09f rgb(21,224,159)
```

Shade Color Variation

#1eeaa9
```
#1eeaa9 rgb(30,234,169)
```
#30ecb0
```
#30ecb0 rgb(48,236,176)
```
#42edb6
```
#42edb6 rgb(66,237,182)
```
#54efbd
```
#54efbd rgb(84,239,189)
```
#66f1c4
```
#66f1c4 rgb(102,241,196)
```
#78f2cb
```
#78f2cb rgb(120,242,203)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#9cf6d9
```
#9cf6d9 rgb(156,246,217)
```
#aef7e0
```
#aef7e0 rgb(174,247,224)
```
#c0f9e7
```
#c0f9e7 rgb(192,249,231)
```
#d2fbee
```
#d2fbee rgb(210,251,238)
```
#e4fcf4
```
#e4fcf4 rgb(228,252,244)
```
#f6fefb
```
#f6fefb rgb(246,254,251)
```

Tint Color Variation

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

#bbc3c0
```
#bbc3c0 rgb(187,195,192)
```
#b6c8c2
```
#b6c8c2 rgb(182,200,194)
```
#b1cdc4
```
#b1cdc4 rgb(177,205,196)
```
#acd2c6
```
#acd2c6 rgb(172,210,198)
```
#a8d6c7
```
#a8d6c7 rgb(168,214,199)
```
#a3dbc9
```
#a3dbc9 rgb(163,219,201)
```
#9ee0cb
```
#9ee0cb rgb(158,224,203)
```
#99e5cd
```
#99e5cd rgb(153,229,205)
```
#94eace
```
#94eace rgb(148,234,206)
```
#8fefd0
```
#8fefd0 rgb(143,239,208)
```
#8af4d2
```
#8af4d2 rgb(138,244,210)
```
#85f9d4
```
#85f9d4 rgb(133,249,212)
```
#80fed6
```
#80fed6 rgb(128,254,214)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c2d7d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe1ca Protanopia 1% of men
#f8dbdd Deuteranopia 1% of men
#9fedff Tritanopia 0.001% of the population

Trichromacy

#c7e8cd Protanomaly 1% of men, 0.01% of women
#d0e4d9 Deuteranomaly 6% of men, 0.4% of women
#97f0ee Tritanomaly 0.01% of the population

#8af4d2 hex color

#8af4d2 Color Information

#8af4d2 Color Conversion

Color Schemes with #8af4d2

Alternatives to #8af4d2

#8af4d2 Preview

Shades and Tints of #8af4d2

Tones of #8af4d2

Color Blindness Simulator