#8af3dc hex color

In a RGB color space, hex #8af3dc is composed of 54.1% red, 95.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 0% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 166.9 degrees, a saturation of 81.4% and a lightness of 74.7%. #8af3dc color hex could be obtained by blending #ffffff with #15e7b9. Closest websafe color is: #99ffcc.

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

● #8af3dc color description : Very soft cyan.

The hexadecimal color #8af3dc has RGB values of R:138, G:243, B:220 and CMYK values of C:0.43, M:0, Y:0.09, K:0.05. Its decimal value is 9106396.

Hex triplet	8af3dc	`#8af3dc`
RGB Decimal	138, 243, 220	`rgb(138,243,220)`
RGB Percent	54.1, 95.3, 86.3	`rgb(54.1%,95.3%,86.3%)`
CMYK	43, 0, 9, 5
HSL	166.9°, 81.4, 74.7	`hsl(166.9,81.4%,74.7%)`
HSV (or HSB)	166.9°, 43.2, 95.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.237, -35.829, 1.579
XYZ	55.446, 74.668, 79.197
xyY	0.265, 0.357, 74.668
CIE-LCH	89.237, 35.864, 177.476
CIE-LUV	89.237, -47.432, 8.396
Hunter-Lab	86.411, -36.683, 6.147
Binary	10001010, 11110011, 11011100

#8af3dc
```
#8af3dc rgb(138,243,220)
```
#f38aa1
```
#f38aa1 rgb(243,138,161)
```

Complementary Color

#8af3a8
```
#8af3a8 rgb(138,243,168)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#8ad6f3
```
#8ad6f3 rgb(138,214,243)
```

Analogous Color

#f3a88a
```
#f3a88a rgb(243,168,138)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#f38ad6
```
#f38ad6 rgb(243,138,214)
```

Split Complementary Color

#f3dc8a
```
#f3dc8a rgb(243,220,138)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#dc8af3
```
#dc8af3 rgb(220,138,243)
```

Triadic Color

#a1f38a
```
#a1f38a rgb(161,243,138)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#dc8af3
```
#dc8af3 rgb(220,138,243)
```
#f38aa1
```
#f38aa1 rgb(243,138,161)
```

Tetradic Color

#45ecc7
```
#45ecc7 rgb(69,236,199)
```
#5ceece
```
#5ceece rgb(92,238,206)
```
#73f1d5
```
#73f1d5 rgb(115,241,213)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#a1f5e3
```
#a1f5e3 rgb(161,245,227)
```
#b8f8ea
```
#b8f8ea rgb(184,248,234)
```
#cffaf1
```
#cffaf1 rgb(207,250,241)
```

Monochromatic Color

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

#8af3c2
```
#8af3c2 rgb(138,243,194)
```
#8af3cb
```
#8af3cb rgb(138,243,203)
```
#8af3d3
```
#8af3d3 rgb(138,243,211)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#8af3e5
```
#8af3e5 rgb(138,243,229)
```
#8af3ee
```
#8af3ee rgb(138,243,238)
```
#8af0f3
```
#8af0f3 rgb(138,240,243)
```

Similar Colors

Text with hexadecimal color #8af3dc

This text has a font color of #8af3dc.

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

#8af3dc background color

This paragraph has a background color of #8af3dc.

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

#8af3dc border color

This element has a border color of #8af3dc.

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

CSS codes

.text {color:#8af3dc;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#031914
```
#031914 rgb(3,25,20)
```
#042b23
```
#042b23 rgb(4,43,35)
```
#063d31
```
#063d31 rgb(6,61,49)
```
#084f3f
```
#084f3f rgb(8,79,63)
```
#0a604e
```
#0a604e rgb(10,96,78)
```
#0c725c
```
#0c725c rgb(12,114,92)
```
#0e846a
```
#0e846a rgb(14,132,106)
```
#0f9678
```
#0f9678 rgb(15,150,120)
```
#11a887
```
#11a887 rgb(17,168,135)
```
#13b995
```
#13b995 rgb(19,185,149)
```
#15cba3
```
#15cba3 rgb(21,203,163)
```
#17ddb2
```
#17ddb2 rgb(23,221,178)
```

Shade Color Variation

#1fe8bc
```
#1fe8bc rgb(31,232,188)
```
#31eac1
```
#31eac1 rgb(49,234,193)
```
#43ecc7
```
#43ecc7 rgb(67,236,199)
```
#55eecc
```
#55eecc rgb(85,238,204)
```
#66efd1
```
#66efd1 rgb(102,239,209)
```
#78f1d7
```
#78f1d7 rgb(120,241,215)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#9cf5e1
```
#9cf5e1 rgb(156,245,225)
```
#aef7e7
```
#aef7e7 rgb(174,247,231)
```
#bff8ec
```
#bff8ec rgb(191,248,236)
```
#d1faf1
```
#d1faf1 rgb(209,250,241)
```
#e3fcf7
```
#e3fcf7 rgb(227,252,247)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

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

#bcc1c0
```
#bcc1c0 rgb(188,193,192)
```
#b7c6c3
```
#b7c6c3 rgb(183,198,195)
```
#b2cbc6
```
#b2cbc6 rgb(178,203,198)
```
#add0c8
```
#add0c8 rgb(173,208,200)
```
#a8d5cb
```
#a8d5cb rgb(168,213,203)
```
#a3dace
```
#a3dace rgb(163,218,206)
```
#9edfd1
```
#9edfd1 rgb(158,223,209)
```
#99e4d4
```
#99e4d4 rgb(153,228,212)
```
#94e9d6
```
#94e9d6 rgb(148,233,214)
```
#8feed9
```
#8feed9 rgb(143,238,217)
```
#8af3dc
```
#8af3dc rgb(138,243,220)
```
#85f8df
```
#85f8df rgb(133,248,223)
```
#80fde2
```
#80fde2 rgb(128,253,226)
```

Tone Color Variation

Below, you can see how #8af3dc 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
#c3d8d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e0d4 Protanopia 1% of men
#f4dbe6 Deuteranopia 1% of men
#9eeeff Tritanopia 0.001% of the population

Trichromacy

#c6e7d7 Protanomaly 1% of men, 0.01% of women
#cde3e2 Deuteranomaly 6% of men, 0.4% of women
#96eff2 Tritanomaly 0.01% of the population

#8af3dc hex color

#8af3dc Color Information

#8af3dc Color Conversion

Color Schemes with #8af3dc

Alternatives to #8af3dc

#8af3dc Preview

Shades and Tints of #8af3dc

Tones of #8af3dc

Color Blindness Simulator