#8afbce hex color

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

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

● #8afbce color description : Soft cyan - lime green.

The hexadecimal color #8afbce has RGB values of R:138, G:251, B:206 and CMYK values of C:0.45, M:0, Y:0.18, K:0.02. Its decimal value is 9108430.

Hex triplet	8afbce	`#8afbce`
RGB Decimal	138, 251, 206	`rgb(138,251,206)`
RGB Percent	54.1, 98.4, 80.8	`rgb(54.1%,98.4%,80.8%)`
CMYK	45, 0, 18, 2
HSL	156.1°, 93.4, 76.3	`hsl(156.1,93.4%,76.3%)`
HSV (or HSB)	156.1°, 45, 98.4
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.167, -42.471, 11.622
XYZ	56.115, 78.85, 70.652
xyY	0.273, 0.383, 78.85
CIE-LCH	91.167, 44.032, 164.696
CIE-LUV	91.167, -51.113, 24.653
Hunter-Lab	88.798, -42.594, 14.984
Binary	10001010, 11111011, 11001110

#8afbce
```
#8afbce rgb(138,251,206)
```
#fb8ab7
```
#fb8ab7 rgb(251,138,183)
```

Complementary Color

#8afb96
```
#8afb96 rgb(138,251,150)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#8af0fb
```
#8af0fb rgb(138,240,251)
```

Analogous Color

#fb968a
```
#fb968a rgb(251,150,138)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#fb8af0
```
#fb8af0 rgb(251,138,240)
```

Split Complementary Color

#fbce8a
```
#fbce8a rgb(251,206,138)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#ce8afb
```
#ce8afb rgb(206,138,251)
```

Triadic Color

#b7fb8a
```
#b7fb8a rgb(183,251,138)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#ce8afb
```
#ce8afb rgb(206,138,251)
```
#fb8ab7
```
#fb8ab7 rgb(251,138,183)
```

Tetradic Color

#40f8af
```
#40f8af rgb(64,248,175)
```
#59f9b9
```
#59f9b9 rgb(89,249,185)
```
#71fac4
```
#71fac4 rgb(113,250,196)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#a3fcd8
```
#a3fcd8 rgb(163,252,216)
```
#bbfde3
```
#bbfde3 rgb(187,253,227)
```
#d4feed
```
#d4feed rgb(212,254,237)
```

Monochromatic Color

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

#8afbb2
```
#8afbb2 rgb(138,251,178)
```
#8afbbb
```
#8afbbb rgb(138,251,187)
```
#8afbc5
```
#8afbc5 rgb(138,251,197)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#8afbd7
```
#8afbd7 rgb(138,251,215)
```
#8afbe1
```
#8afbe1 rgb(138,251,225)
```
#8afbea
```
#8afbea rgb(138,251,234)
```

Similar Colors

Text with hexadecimal color #8afbce

This text has a font color of #8afbce.

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

#8afbce background color

This paragraph has a background color of #8afbce.

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

#8afbce border color

This element has a border color of #8afbce.

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

CSS codes

.text {color:#8afbce;}

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

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

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

#01100a
```
#01100a rgb(1,16,10)
```
#012315
```
#012315 rgb(1,35,21)
```
#023621
```
#023621 rgb(2,54,33)
```
#02492d
```
#02492d rgb(2,73,45)
```
#035c38
```
#035c38 rgb(3,92,56)
```
#046f44
```
#046f44 rgb(4,111,68)
```
#048250
```
#048250 rgb(4,130,80)
```
#05955b
```
#05955b rgb(5,149,91)
```
#06a867
```
#06a867 rgb(6,168,103)
```
#06ba73
```
#06ba73 rgb(6,186,115)
```
#07cd7e
```
#07cd7e rgb(7,205,126)
```
#08e08a
```
#08e08a rgb(8,224,138)
```
#08f396
```
#08f396 rgb(8,243,150)
```

Shade Color Variation

#18f79e
```
#18f79e rgb(24,247,158)
```
#2bf8a6
```
#2bf8a6 rgb(43,248,166)
```
#3ef8ae
```
#3ef8ae rgb(62,248,174)
```
#51f9b6
```
#51f9b6 rgb(81,249,182)
```
#64fabe
```
#64fabe rgb(100,250,190)
```
#77fac6
```
#77fac6 rgb(119,250,198)
```
#8afbce
```
#8afbce rgb(138,251,206)
```
#9dfcd6
```
#9dfcd6 rgb(157,252,214)
```
#b0fcde
```
#b0fcde rgb(176,252,222)
```
#c3fde6
```
#c3fde6 rgb(195,253,230)
```
#d6feee
```
#d6feee rgb(214,254,238)
```
#e9fef6
```
#e9fef6 rgb(233,254,246)
```
#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 #8afbce is the most saturated one.

#c2c3c3
```
#c2c3c3 rgb(194,195,195)
```
#bdc8c4
```
#bdc8c4 rgb(189,200,196)
```
#b9ccc5
```
#b9ccc5 rgb(185,204,197)
```
#b4d1c5
```
#b4d1c5 rgb(180,209,197)
```
#afd6c6
```
#afd6c6 rgb(175,214,198)
```
#abdac7
```
#abdac7 rgb(171,218,199)
```
#a6dfc8
```
#a6dfc8 rgb(166,223,200)
```
#a1e4c9
```
#a1e4c9 rgb(161,228,201)
```
#9de8ca
```
#9de8ca rgb(157,232,202)
```
#98edcb
```
#98edcb rgb(152,237,203)
```
#93f2cc
```
#93f2cc rgb(147,242,204)
```
#8ff6cd
```
#8ff6cd rgb(143,246,205)
```
#8afbce
```
#8afbce rgb(138,251,206)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c5dcd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e6c6 Protanopia 1% of men
#ffe0db Deuteranopia 1% of men
#b4f0ff Tritanopia 0.001% of the population

Trichromacy

#ccedc9 Protanomaly 1% of men, 0.01% of women
#d4ead6 Deuteranomaly 6% of men, 0.4% of women
#a4f4ed Tritanomaly 0.01% of the population

#8afbce hex color

#8afbce Color Information

#8afbce Color Conversion

Color Schemes with #8afbce

Alternatives to #8afbce

#8afbce Preview

Shades and Tints of #8afbce

Tones of #8afbce

Color Blindness Simulator