#8afbb3 hex color

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

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

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

The hexadecimal color #8afbb3 has RGB values of R:138, G:251, B:179 and CMYK values of C:0.45, M:0, Y:0.29, K:0.02. Its decimal value is 9108403.

Hex triplet	8afbb3	`#8afbb3`
RGB Decimal	138, 251, 179	`rgb(138,251,179)`
RGB Percent	54.1, 98.4, 70.2	`rgb(54.1%,98.4%,70.2%)`
CMYK	45, 0, 29, 2
HSL	141.8°, 93.4, 76.3	`hsl(141.8,93.4%,76.3%)`
HSV (or HSB)	141.8°, 45, 98.4
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.62, -47.733, 24.706
XYZ	53.112, 77.649, 54.834
xyY	0.286, 0.418, 77.649
CIE-LCH	90.62, 53.748, 152.635
CIE-LUV	90.62, -52.015, 43.835
Hunter-Lab	88.119, -46.62, 24.788
Binary	10001010, 11111011, 10110011

#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#fb8ad2
```
#fb8ad2 rgb(251,138,210)
```

Complementary Color

#9afb8a
```
#9afb8a rgb(154,251,138)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#8afbec
```
#8afbec rgb(138,251,236)
```

Analogous Color

#fb8a9a
```
#fb8a9a rgb(251,138,154)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#ec8afb
```
#ec8afb rgb(236,138,251)
```

Split Complementary Color

#fbb38a
```
#fbb38a rgb(251,179,138)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#b38afb
```
#b38afb rgb(179,138,251)
```

Triadic Color

#d2fb8a
```
#d2fb8a rgb(210,251,138)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#b38afb
```
#b38afb rgb(179,138,251)
```
#fb8ad2
```
#fb8ad2 rgb(251,138,210)
```

Tetradic Color

#40f883
```
#40f883 rgb(64,248,131)
```
#59f993
```
#59f993 rgb(89,249,147)
```
#71faa3
```
#71faa3 rgb(113,250,163)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#a3fcc3
```
#a3fcc3 rgb(163,252,195)
```
#bbfdd3
```
#bbfdd3 rgb(187,253,211)
```
#d4fee3
```
#d4fee3 rgb(212,254,227)
```

Monochromatic Color

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

#8afb97
```
#8afb97 rgb(138,251,151)
```
#8afba0
```
#8afba0 rgb(138,251,160)
```
#8afbaa
```
#8afbaa rgb(138,251,170)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#8afbbc
```
#8afbbc rgb(138,251,188)
```
#8afbc6
```
#8afbc6 rgb(138,251,198)
```
#8afbcf
```
#8afbcf rgb(138,251,207)
```

Similar Colors

Text with hexadecimal color #8afbb3

This text has a font color of #8afbb3.

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

#8afbb3 background color

This paragraph has a background color of #8afbb3.

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

#8afbb3 border color

This element has a border color of #8afbb3.

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

CSS codes

.text {color:#8afbb3;}

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

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

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

#011006
```
#011006 rgb(1,16,6)
```
#01230d
```
#01230d rgb(1,35,13)
```
#023615
```
#023615 rgb(2,54,21)
```
#02491c
```
#02491c rgb(2,73,28)
```
#035c23
```
#035c23 rgb(3,92,35)
```
#046f2b
```
#046f2b rgb(4,111,43)
```
#048232
```
#048232 rgb(4,130,50)
```
#059539
```
#059539 rgb(5,149,57)
```
#06a840
```
#06a840 rgb(6,168,64)
```
#06ba48
```
#06ba48 rgb(6,186,72)
```
#07cd4f
```
#07cd4f rgb(7,205,79)
```
#08e056
```
#08e056 rgb(8,224,86)
```
#08f35e
```
#08f35e rgb(8,243,94)
```

Shade Color Variation

#18f769
```
#18f769 rgb(24,247,105)
```
#2bf875
```
#2bf875 rgb(43,248,117)
```
#3ef882
```
#3ef882 rgb(62,248,130)
```
#51f98e
```
#51f98e rgb(81,249,142)
```
#64fa9a
```
#64fa9a rgb(100,250,154)
```
#77faa7
```
#77faa7 rgb(119,250,167)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```
#9dfcbf
```
#9dfcbf rgb(157,252,191)
```
#b0fccc
```
#b0fccc rgb(176,252,204)
```
#c3fdd8
```
#c3fdd8 rgb(195,253,216)
```
#d6fee4
```
#d6fee4 rgb(214,254,228)
```
#e9fef1
```
#e9fef1 rgb(233,254,241)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#c2c3c2
```
#c2c3c2 rgb(194,195,194)
```
#bdc8c1
```
#bdc8c1 rgb(189,200,193)
```
#b9ccc0
```
#b9ccc0 rgb(185,204,192)
```
#b4d1be
```
#b4d1be rgb(180,209,190)
```
#afd6bd
```
#afd6bd rgb(175,214,189)
```
#abdabc
```
#abdabc rgb(171,218,188)
```
#a6dfbb
```
#a6dfbb rgb(166,223,187)
```
#a1e4b9
```
#a1e4b9 rgb(161,228,185)
```
#9de8b8
```
#9de8b8 rgb(157,232,184)
```
#98edb7
```
#98edb7 rgb(152,237,183)
```
#93f2b6
```
#93f2b6 rgb(147,242,182)
```
#8ff6b4
```
#8ff6b4 rgb(143,246,180)
```
#8afbb3
```
#8afbb3 rgb(138,251,179)
```

Tone Color Variation

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

Dichromacy

#f5e5ad Protanopia 1% of men
#ffdfcb Deuteranopia 1% of men
#b0efff Tritanopia 0.001% of the population

Trichromacy

#ceedaf Protanomaly 1% of men, 0.01% of women
#d4e9c2 Deuteranomaly 6% of men, 0.4% of women
#a2f3e3 Tritanomaly 0.01% of the population

#8afbb3 hex color

#8afbb3 Color Information

#8afbb3 Color Conversion

Color Schemes with #8afbb3

Alternatives to #8afbb3

#8afbb3 Preview

Shades and Tints of #8afbb3

Tones of #8afbb3

Color Blindness Simulator