#8af6de hex color

In a RGB color space, hex #8af6de is composed of 54.1% red, 96.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 0% magenta, 9.8% yellow and 3.5% black. It has a hue angle of 166.7 degrees, a saturation of 85.7% and a lightness of 75.3%. #8af6de color hex could be obtained by blending #ffffff with #15edbd. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 96
- B 87
RGB color chart
- C 44
- M 0
- Y 10
- K 4
CMYK color chart

● #8af6de color description : Very soft cyan.

The hexadecimal color #8af6de has RGB values of R:138, G:246, B:222 and CMYK values of C:0.44, M:0, Y:0.1, K:0.04. Its decimal value is 9107166.

Hex triplet	8af6de	`#8af6de`
RGB Decimal	138, 246, 222	`rgb(138,246,222)`
RGB Percent	54.1, 96.5, 87.1	`rgb(54.1%,96.5%,87.1%)`
CMYK	44, 0, 10, 4
HSL	166.7°, 85.7, 75.3	`hsl(166.7,85.7%,75.3%)`
HSV (or HSB)	166.7°, 43.9, 96.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.13, -36.756, 1.837
XYZ	56.618, 76.585, 80.902
xyY	0.264, 0.358, 76.585
CIE-LCH	90.13, 36.802, 177.139
CIE-LUV	90.13, -48.564, 8.955
Hunter-Lab	87.513, -37.664, 6.448
Binary	10001010, 11110110, 11011110

#8af6de
```
#8af6de rgb(138,246,222)
```
#f68aa2
```
#f68aa2 rgb(246,138,162)
```

Complementary Color

#8af6a8
```
#8af6a8 rgb(138,246,168)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#8ad8f6
```
#8ad8f6 rgb(138,216,246)
```

Analogous Color

#f6a88a
```
#f6a88a rgb(246,168,138)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#f68ad8
```
#f68ad8 rgb(246,138,216)
```

Split Complementary Color

#f6de8a
```
#f6de8a rgb(246,222,138)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#de8af6
```
#de8af6 rgb(222,138,246)
```

Triadic Color

#a2f68a
```
#a2f68a rgb(162,246,138)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#de8af6
```
#de8af6 rgb(222,138,246)
```
#f68aa2
```
#f68aa2 rgb(246,138,162)
```

Tetradic Color

#43f1ca
```
#43f1ca rgb(67,241,202)
```
#5bf2d1
```
#5bf2d1 rgb(91,242,209)
```
#72f4d7
```
#72f4d7 rgb(114,244,215)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#a2f8e5
```
#a2f8e5 rgb(162,248,229)
```
#b9faeb
```
#b9faeb rgb(185,250,235)
```
#d1fbf2
```
#d1fbf2 rgb(209,251,242)
```

Monochromatic Color

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

#8af6c3
```
#8af6c3 rgb(138,246,195)
```
#8af6cc
```
#8af6cc rgb(138,246,204)
```
#8af6d5
```
#8af6d5 rgb(138,246,213)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#8af6e7
```
#8af6e7 rgb(138,246,231)
```
#8af6f0
```
#8af6f0 rgb(138,246,240)
```
#8af3f6
```
#8af3f6 rgb(138,243,246)
```

Similar Colors

Text with hexadecimal color #8af6de

This text has a font color of #8af6de.

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

#8af6de background color

This paragraph has a background color of #8af6de.

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

#8af6de border color

This element has a border color of #8af6de.

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

CSS codes

.text {color:#8af6de;}

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

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

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, #010b08 is the darkest color, while #f7fefd is the lightest one.

#010b08
```
#010b08 rgb(1,11,8)
```
#021d17
```
#021d17 rgb(2,29,23)
```
#042f25
```
#042f25 rgb(4,47,37)
```
#054134
```
#054134 rgb(5,65,52)
```
#065342
```
#065342 rgb(6,83,66)
```
#086651
```
#086651 rgb(8,102,81)
```
#09785f
```
#09785f rgb(9,120,95)
```
#0b8a6e
```
#0b8a6e rgb(11,138,110)
```
#0c9c7c
```
#0c9c7c rgb(12,156,124)
```
#0dae8b
```
#0dae8b rgb(13,174,139)
```
#0fc199
```
#0fc199 rgb(15,193,153)
```
#10d3a8
```
#10d3a8 rgb(16,211,168)
```
#12e5b6
```
#12e5b6 rgb(18,229,182)
```

Shade Color Variation

#1deebf
```
#1deebf rgb(29,238,191)
```
#2fefc4
```
#2fefc4 rgb(47,239,196)
```
#41f0c9
```
#41f0c9 rgb(65,240,201)
```
#53f2cf
```
#53f2cf rgb(83,242,207)
```
#66f3d4
```
#66f3d4 rgb(102,243,212)
```
#78f5d9
```
#78f5d9 rgb(120,245,217)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#9cf7e3
```
#9cf7e3 rgb(156,247,227)
```
#aef9e8
```
#aef9e8 rgb(174,249,232)
```
#c1faed
```
#c1faed rgb(193,250,237)
```
#d3fcf3
```
#d3fcf3 rgb(211,252,243)
```
#e5fdf8
```
#e5fdf8 rgb(229,253,248)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#bfc1c0
```
#bfc1c0 rgb(191,193,192)
```
#bac6c3
```
#bac6c3 rgb(186,198,195)
```
#b6cac6
```
#b6cac6 rgb(182,202,198)
```
#b1cfc8
```
#b1cfc8 rgb(177,207,200)
```
#acd4cb
```
#acd4cb rgb(172,212,203)
```
#a7d9ce
```
#a7d9ce rgb(167,217,206)
```
#a2ded1
```
#a2ded1 rgb(162,222,209)
```
#9de3d3
```
#9de3d3 rgb(157,227,211)
```
#99e7d6
```
#99e7d6 rgb(153,231,214)
```
#94ecd9
```
#94ecd9 rgb(148,236,217)
```
#8ff1db
```
#8ff1db rgb(143,241,219)
```
#8af6de
```
#8af6de rgb(138,246,222)
```
#85fbe1
```
#85fbe1 rgb(133,251,225)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#c4dad5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe3d5 Protanopia 1% of men
#f7dde8 Deuteranopia 1% of men
#a8efff Tritanopia 0.001% of the population

Trichromacy

#c8ead8 Protanomaly 1% of men, 0.01% of women
#cfe6e4 Deuteranomaly 6% of men, 0.4% of women
#9df1f3 Tritanomaly 0.01% of the population

#8af6de hex color

#8af6de Color Information

#8af6de Color Conversion

Color Schemes with #8af6de

Alternatives to #8af6de

#8af6de Preview

Shades and Tints of #8af6de

Tones of #8af6de

Color Blindness Simulator