#8afbec hex color

In a RGB color space, hex #8afbec is composed of 54.1% red, 98.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 0% magenta, 6% yellow and 1.6% black. It has a hue angle of 172 degrees, a saturation of 93.4% and a lightness of 76.3%. #8afbec color hex could be obtained by blending #ffffff with #15f7d9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 98
- B 93
RGB color chart
- C 45
- M 0
- Y 6
- K 2
CMYK color chart

● #8afbec color description : Soft cyan.

The hexadecimal color #8afbec has RGB values of R:138, G:251, B:236 and CMYK values of C:0.45, M:0, Y:0.06, K:0.02. Its decimal value is 9108460.

Hex triplet	8afbec	`#8afbec`
RGB Decimal	138, 251, 236	`rgb(138,251,236)`
RGB Percent	54.1, 98.4, 92.5	`rgb(54.1%,98.4%,92.5%)`
CMYK	45, 0, 6, 2
HSL	172°, 93.4, 76.3	`hsl(172,93.4%,76.3%)`
HSV (or HSB)	172°, 45, 98.4
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.886, -35.837, -2.869
XYZ	60.114, 80.45, 91.713
xyY	0.259, 0.346, 80.45
CIE-LCH	91.886, 35.952, 184.578
CIE-LUV	91.886, -50.052, 1.452
Hunter-Lab	89.694, -37.331, 2.161
Binary	10001010, 11111011, 11101100

#8afbec
```
#8afbec rgb(138,251,236)
```
#fb8a99
```
#fb8a99 rgb(251,138,153)
```

Complementary Color

#8afbb4
```
#8afbb4 rgb(138,251,180)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#8ad2fb
```
#8ad2fb rgb(138,210,251)
```

Analogous Color

#fbb48a
```
#fbb48a rgb(251,180,138)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#fb8ad2
```
#fb8ad2 rgb(251,138,210)
```

Split Complementary Color

#fbec8a
```
#fbec8a rgb(251,236,138)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#ec8afb
```
#ec8afb rgb(236,138,251)
```

Triadic Color

#99fb8a
```
#99fb8a rgb(153,251,138)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#ec8afb
```
#ec8afb rgb(236,138,251)
```
#fb8a99
```
#fb8a99 rgb(251,138,153)
```

Tetradic Color

#40f8e0
```
#40f8e0 rgb(64,248,224)
```
#59f9e4
```
#59f9e4 rgb(89,249,228)
```
#71fae8
```
#71fae8 rgb(113,250,232)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#a3fcf0
```
#a3fcf0 rgb(163,252,240)
```
#bbfdf4
```
#bbfdf4 rgb(187,253,244)
```
#d4fef8
```
#d4fef8 rgb(212,254,248)
```

Monochromatic Color

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

#8afbd0
```
#8afbd0 rgb(138,251,208)
```
#8afbd9
```
#8afbd9 rgb(138,251,217)
```
#8afbe3
```
#8afbe3 rgb(138,251,227)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#8afbf5
```
#8afbf5 rgb(138,251,245)
```
#8af7fb
```
#8af7fb rgb(138,247,251)
```
#8aeefb
```
#8aeefb rgb(138,238,251)
```

Similar Colors

Text with hexadecimal color #8afbec

This text has a font color of #8afbec.

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

#8afbec background color

This paragraph has a background color of #8afbec.

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

#8afbec border color

This element has a border color of #8afbec.

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

CSS codes

.text {color:#8afbec;}

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

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

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, #01100e is the darkest color, while #fcfffe is the lightest one.

#01100e
```
#01100e rgb(1,16,14)
```
#01231e
```
#01231e rgb(1,35,30)
```
#02362f
```
#02362f rgb(2,54,47)
```
#02493f
```
#02493f rgb(2,73,63)
```
#035c50
```
#035c50 rgb(3,92,80)
```
#046f60
```
#046f60 rgb(4,111,96)
```
#048271
```
#048271 rgb(4,130,113)
```
#059581
```
#059581 rgb(5,149,129)
```
#06a892
```
#06a892 rgb(6,168,146)
```
#06baa3
```
#06baa3 rgb(6,186,163)
```
#07cdb3
```
#07cdb3 rgb(7,205,179)
```
#08e0c4
```
#08e0c4 rgb(8,224,196)
```
#08f3d4
```
#08f3d4 rgb(8,243,212)
```

Shade Color Variation

#18f7da
```
#18f7da rgb(24,247,218)
```
#2bf8dd
```
#2bf8dd rgb(43,248,221)
```
#3ef8e0
```
#3ef8e0 rgb(62,248,224)
```
#51f9e3
```
#51f9e3 rgb(81,249,227)
```
#64fae6
```
#64fae6 rgb(100,250,230)
```
#77fae9
```
#77fae9 rgb(119,250,233)
```
#8afbec
```
#8afbec rgb(138,251,236)
```
#9dfcef
```
#9dfcef rgb(157,252,239)
```
#b0fcf2
```
#b0fcf2 rgb(176,252,242)
```
#c3fdf5
```
#c3fdf5 rgb(195,253,245)
```
#d6fef8
```
#d6fef8 rgb(214,254,248)
```
#e9fefb
```
#e9fefb rgb(233,254,251)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#c2c3c3
```
#c2c3c3 rgb(194,195,195)
```
#bdc8c6
```
#bdc8c6 rgb(189,200,198)
```
#b9ccca
```
#b9ccca rgb(185,204,202)
```
#b4d1cd
```
#b4d1cd rgb(180,209,205)
```
#afd6d1
```
#afd6d1 rgb(175,214,209)
```
#abdad4
```
#abdad4 rgb(171,218,212)
```
#a6dfd7
```
#a6dfd7 rgb(166,223,215)
```
#a1e4db
```
#a1e4db rgb(161,228,219)
```
#9de8de
```
#9de8de rgb(157,232,222)
```
#98ede2
```
#98ede2 rgb(152,237,226)
```
#93f2e5
```
#93f2e5 rgb(147,242,229)
```
#8ff6e9
```
#8ff6e9 rgb(143,246,233)
```
#8afbec
```
#8afbec rgb(138,251,236)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#c8dfdc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee7e2 Protanopia 1% of men
#f8e2f5 Deuteranopia 1% of men
#b9f2ff Tritanopia 0.001% of the population

Trichromacy

#c9eee6 Protanomaly 1% of men, 0.01% of women
#d0ebf2 Deuteranomaly 6% of men, 0.4% of women
#a8f5f8 Tritanomaly 0.01% of the population

#8afbec hex color

#8afbec Color Information

#8afbec Color Conversion

Color Schemes with #8afbec

Alternatives to #8afbec

#8afbec Preview

Shades and Tints of #8afbec

Tones of #8afbec

Color Blindness Simulator