#8afbc4 hex color

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

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

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

The hexadecimal color #8afbc4 has RGB values of R:138, G:251, B:196 and CMYK values of C:0.45, M:0, Y:0.22, K:0.02. Its decimal value is 9108420.

Hex triplet	8afbc4	`#8afbc4`
RGB Decimal	138, 251, 196	`rgb(138,251,196)`
RGB Percent	54.1, 98.4, 76.9	`rgb(54.1%,98.4%,76.9%)`
CMYK	45, 0, 22, 2
HSL	150.8°, 93.4, 76.3	`hsl(150.8,93.4%,76.3%)`
HSV (or HSB)	150.8°, 45, 98.4
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.953, -44.502, 16.471
XYZ	54.939, 78.38, 64.455
xyY	0.278, 0.396, 78.38
CIE-LCH	90.953, 47.452, 159.689
CIE-LUV	90.953, -51.454, 31.973
Hunter-Lab	88.532, -44.163, 18.807
Binary	10001010, 11111011, 11000100

#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#fb8ac1
```
#fb8ac1 rgb(251,138,193)
```

Complementary Color

#8afb8c
```
#8afb8c rgb(138,251,140)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#8afafb
```
#8afafb rgb(138,250,251)
```

Analogous Color

#fb8c8a
```
#fb8c8a rgb(251,140,138)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#fb8afa
```
#fb8afa rgb(251,138,250)
```

Split Complementary Color

#fbc48a
```
#fbc48a rgb(251,196,138)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#c48afb
```
#c48afb rgb(196,138,251)
```

Triadic Color

#c1fb8a
```
#c1fb8a rgb(193,251,138)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#c48afb
```
#c48afb rgb(196,138,251)
```
#fb8ac1
```
#fb8ac1 rgb(251,138,193)
```

Tetradic Color

#40f89f
```
#40f89f rgb(64,248,159)
```
#59f9ab
```
#59f9ab rgb(89,249,171)
```
#71fab8
```
#71fab8 rgb(113,250,184)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#a3fcd0
```
#a3fcd0 rgb(163,252,208)
```
#bbfddd
```
#bbfddd rgb(187,253,221)
```
#d4fee9
```
#d4fee9 rgb(212,254,233)
```

Monochromatic Color

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

#8afba8
```
#8afba8 rgb(138,251,168)
```
#8afbb1
```
#8afbb1 rgb(138,251,177)
```
#8afbbb
```
#8afbbb rgb(138,251,187)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#8afbcd
```
#8afbcd rgb(138,251,205)
```
#8afbd7
```
#8afbd7 rgb(138,251,215)
```
#8afbe0
```
#8afbe0 rgb(138,251,224)
```

Similar Colors

Text with hexadecimal color #8afbc4

This text has a font color of #8afbc4.

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

#8afbc4 background color

This paragraph has a background color of #8afbc4.

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

#8afbc4 border color

This element has a border color of #8afbc4.

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

CSS codes

.text {color:#8afbc4;}

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

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

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

#011008
```
#011008 rgb(1,16,8)
```
#012312
```
#012312 rgb(1,35,18)
```
#02361c
```
#02361c rgb(2,54,28)
```
#024927
```
#024927 rgb(2,73,39)
```
#035c31
```
#035c31 rgb(3,92,49)
```
#046f3b
```
#046f3b rgb(4,111,59)
```
#048245
```
#048245 rgb(4,130,69)
```
#05954f
```
#05954f rgb(5,149,79)
```
#06a859
```
#06a859 rgb(6,168,89)
```
#06ba63
```
#06ba63 rgb(6,186,99)
```
#07cd6d
```
#07cd6d rgb(7,205,109)
```
#08e077
```
#08e077 rgb(8,224,119)
```
#08f381
```
#08f381 rgb(8,243,129)
```

Shade Color Variation

#18f78b
```
#18f78b rgb(24,247,139)
```
#2bf894
```
#2bf894 rgb(43,248,148)
```
#3ef89e
```
#3ef89e rgb(62,248,158)
```
#51f9a7
```
#51f9a7 rgb(81,249,167)
```
#64fab1
```
#64fab1 rgb(100,250,177)
```
#77faba
```
#77faba rgb(119,250,186)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```
#9dfcce
```
#9dfcce rgb(157,252,206)
```
#b0fcd7
```
#b0fcd7 rgb(176,252,215)
```
#c3fde1
```
#c3fde1 rgb(195,253,225)
```
#d6feea
```
#d6feea rgb(214,254,234)
```
#e9fef4
```
#e9fef4 rgb(233,254,244)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#c2c3c3
```
#c2c3c3 rgb(194,195,195)
```
#bdc8c3
```
#bdc8c3 rgb(189,200,195)
```
#b9ccc3
```
#b9ccc3 rgb(185,204,195)
```
#b4d1c3
```
#b4d1c3 rgb(180,209,195)
```
#afd6c3
```
#afd6c3 rgb(175,214,195)
```
#abdac3
```
#abdac3 rgb(171,218,195)
```
#a6dfc3
```
#a6dfc3 rgb(166,223,195)
```
#a1e4c3
```
#a1e4c3 rgb(161,228,195)
```
#9de8c4
```
#9de8c4 rgb(157,232,196)
```
#98edc4
```
#98edc4 rgb(152,237,196)
```
#93f2c4
```
#93f2c4 rgb(147,242,196)
```
#8ff6c4
```
#8ff6c4 rgb(143,246,196)
```
#8afbc4
```
#8afbc4 rgb(138,251,196)
```

Tone Color Variation

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

Dichromacy

#f3e5bd Protanopia 1% of men
#ffe0d4 Deuteranopia 1% of men
#b2f0ff Tritanopia 0.001% of the population

Trichromacy

#cdedbf Protanomaly 1% of men, 0.01% of women
#d4e9ce Deuteranomaly 6% of men, 0.4% of women
#a3f4e9 Tritanomaly 0.01% of the population

#8afbc4 hex color

#8afbc4 Color Information

#8afbc4 Color Conversion

Color Schemes with #8afbc4

Alternatives to #8afbc4

#8afbc4 Preview

Shades and Tints of #8afbc4

Tones of #8afbc4

Color Blindness Simulator