#8af2e4 hex color

In a RGB color space, hex #8af2e4 is composed of 54.1% red, 94.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 0% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 171.9 degrees, a saturation of 80% and a lightness of 74.5%. #8af2e4 color hex could be obtained by blending #ffffff with #15e5c9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 95
- B 89
RGB color chart
- C 43
- M 0
- Y 6
- K 5
CMYK color chart

● #8af2e4 color description : Very soft cyan.

The hexadecimal color #8af2e4 has RGB values of R:138, G:242, B:228 and CMYK values of C:0.43, M:0, Y:0.06, K:0.05. Its decimal value is 9106148.

Hex triplet	8af2e4	`#8af2e4`
RGB Decimal	138, 242, 228	`rgb(138,242,228)`
RGB Percent	54.1, 94.9, 89.4	`rgb(54.1%,94.9%,89.4%)`
CMYK	43, 0, 6, 5
HSL	171.9°, 80, 74.5	`hsl(171.9,80%,74.5%)`
HSV (or HSB)	171.9°, 43, 94.9
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.161, -33.533, -2.707
XYZ	56.233, 74.506, 84.812
xyY	0.261, 0.346, 74.506
CIE-LCH	89.161, 33.642, 184.616
CIE-LUV	89.161, -46.772, 1.337
Hunter-Lab	86.317, -34.766, 2.165
Binary	10001010, 11110010, 11100100

#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#f28a98
```
#f28a98 rgb(242,138,152)
```

Complementary Color

#8af2b0
```
#8af2b0 rgb(138,242,176)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#8accf2
```
#8accf2 rgb(138,204,242)
```

Analogous Color

#f2b08a
```
#f2b08a rgb(242,176,138)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#f28acc
```
#f28acc rgb(242,138,204)
```

Split Complementary Color

#f2e48a
```
#f2e48a rgb(242,228,138)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#e48af2
```
#e48af2 rgb(228,138,242)
```

Triadic Color

#98f28a
```
#98f28a rgb(152,242,138)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#e48af2
```
#e48af2 rgb(228,138,242)
```
#f28a98
```
#f28a98 rgb(242,138,152)
```

Tetradic Color

#45ead4
```
#45ead4 rgb(69,234,212)
```
#5cedd9
```
#5cedd9 rgb(92,237,217)
```
#73efdf
```
#73efdf rgb(115,239,223)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#a1f5e9
```
#a1f5e9 rgb(161,245,233)
```
#b8f7ef
```
#b8f7ef rgb(184,247,239)
```
#cffaf4
```
#cffaf4 rgb(207,250,244)
```

Monochromatic Color

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

#8af2ca
```
#8af2ca rgb(138,242,202)
```
#8af2d3
```
#8af2d3 rgb(138,242,211)
```
#8af2db
```
#8af2db rgb(138,242,219)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#8af2ed
```
#8af2ed rgb(138,242,237)
```
#8aeff2
```
#8aeff2 rgb(138,239,242)
```
#8ae6f2
```
#8ae6f2 rgb(138,230,242)
```

Similar Colors

Text with hexadecimal color #8af2e4

This text has a font color of #8af2e4.

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

#8af2e4 background color

This paragraph has a background color of #8af2e4.

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

#8af2e4 border color

This element has a border color of #8af2e4.

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

CSS codes

.text {color:#8af2e4;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#031815
```
#031815 rgb(3,24,21)
```
#052a25
```
#052a25 rgb(5,42,37)
```
#073c34
```
#073c34 rgb(7,60,52)
```
#094d44
```
#094d44 rgb(9,77,68)
```
#0b5f53
```
#0b5f53 rgb(11,95,83)
```
#0d7163
```
#0d7163 rgb(13,113,99)
```
#0e8273
```
#0e8273 rgb(14,130,115)
```
#109482
```
#109482 rgb(16,148,130)
```
#12a592
```
#12a592 rgb(18,165,146)
```
#14b7a1
```
#14b7a1 rgb(20,183,161)
```
#16c9b1
```
#16c9b1 rgb(22,201,177)
```
#18dac0
```
#18dac0 rgb(24,218,192)
```

Shade Color Variation

#20e6cc
```
#20e6cc rgb(32,230,204)
```
#32e8d0
```
#32e8d0 rgb(50,232,208)
```
#43ead4
```
#43ead4 rgb(67,234,212)
```
#55ecd8
```
#55ecd8 rgb(85,236,216)
```
#67eedc
```
#67eedc rgb(103,238,220)
```
#78f0e0
```
#78f0e0 rgb(120,240,224)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#9cf4e8
```
#9cf4e8 rgb(156,244,232)
```
#adf6ec
```
#adf6ec rgb(173,246,236)
```
#bff8f0
```
#bff8f0 rgb(191,248,240)
```
#d1faf4
```
#d1faf4 rgb(209,250,244)
```
#e2fcf8
```
#e2fcf8 rgb(226,252,248)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#bcc0bf
```
#bcc0bf rgb(188,192,191)
```
#b7c5c3
```
#b7c5c3 rgb(183,197,195)
```
#b2cac7
```
#b2cac7 rgb(178,202,199)
```
#adcfca
```
#adcfca rgb(173,207,202)
```
#a8d4ce
```
#a8d4ce rgb(168,212,206)
```
#a3d9d2
```
#a3d9d2 rgb(163,217,210)
```
#9eded5
```
#9eded5 rgb(158,222,213)
```
#99e3d9
```
#99e3d9 rgb(153,227,217)
```
#94e8dd
```
#94e8dd rgb(148,232,221)
```
#8fede0
```
#8fede0 rgb(143,237,224)
```
#8af2e4
```
#8af2e4 rgb(138,242,228)
```
#85f7e8
```
#85f7e8 rgb(133,247,232)
```
#80fceb
```
#80fceb rgb(128,252,235)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c3d8d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e0db Protanopia 1% of men
#f0dbed Deuteranopia 1% of men
#9ceeff Tritanopia 0.001% of the population

Trichromacy

#c4e6de Protanomaly 1% of men, 0.01% of women
#cbe3ea Deuteranomaly 6% of men, 0.4% of women
#95eff5 Tritanomaly 0.01% of the population

#8af2e4 hex color

#8af2e4 Color Information

#8af2e4 Color Conversion

Color Schemes with #8af2e4

Alternatives to #8af2e4

#8af2e4 Preview

Shades and Tints of #8af2e4

Tones of #8af2e4

Color Blindness Simulator