#8afccf hex color

In a RGB color space, hex #8afccf is composed of 54.1% red, 98.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 0% magenta, 17.9% yellow and 1.2% black. It has a hue angle of 156.3 degrees, a saturation of 95% and a lightness of 76.5%. #8afccf color hex could be obtained by blending #ffffff with #15f99f. Closest websafe color is: #99ffcc.

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

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

The hexadecimal color #8afccf has RGB values of R:138, G:252, B:207 and CMYK values of C:0.45, M:0, Y:0.18, K:0.01. Its decimal value is 9108687.

Hex triplet	8afccf	`#8afccf`
RGB Decimal	138, 252, 207	`rgb(138,252,207)`
RGB Percent	54.1, 98.8, 81.2	`rgb(54.1%,98.8%,81.2%)`
CMYK	45, 0, 18, 1
HSL	156.3°, 95, 76.5	`hsl(156.3,95%,76.5%)`
HSV (or HSB)	156.3°, 45.2, 98.8
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.472, -42.704, 11.54
XYZ	56.55, 79.526, 71.398
xyY	0.273, 0.383, 79.526
CIE-LCH	91.472, 44.236, 164.878
CIE-LUV	91.472, -51.479, 24.585
Hunter-Lab	89.177, -42.867, 14.954
Binary	10001010, 11111100, 11001111

#8afccf
```
#8afccf rgb(138,252,207)
```
#fc8ab7
```
#fc8ab7 rgb(252,138,183)
```

Complementary Color

#8afc96
```
#8afc96 rgb(138,252,150)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#8af0fc
```
#8af0fc rgb(138,240,252)
```

Analogous Color

#fc968a
```
#fc968a rgb(252,150,138)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#fc8af0
```
#fc8af0 rgb(252,138,240)
```

Split Complementary Color

#fccf8a
```
#fccf8a rgb(252,207,138)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#cf8afc
```
#cf8afc rgb(207,138,252)
```

Triadic Color

#b7fc8a
```
#b7fc8a rgb(183,252,138)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#cf8afc
```
#cf8afc rgb(207,138,252)
```
#fc8ab7
```
#fc8ab7 rgb(252,138,183)
```

Tetradic Color

#3ffab0
```
#3ffab0 rgb(63,250,176)
```
#58fbbb
```
#58fbbb rgb(88,251,187)
```
#71fbc5
```
#71fbc5 rgb(113,251,197)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#a3fdd9
```
#a3fdd9 rgb(163,253,217)
```
#bcfde3
```
#bcfde3 rgb(188,253,227)
```
#d5feee
```
#d5feee rgb(213,254,238)
```

Monochromatic Color

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

#8afcb3
```
#8afcb3 rgb(138,252,179)
```
#8afcbc
```
#8afcbc rgb(138,252,188)
```
#8afcc6
```
#8afcc6 rgb(138,252,198)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#8afcd9
```
#8afcd9 rgb(138,252,217)
```
#8afce2
```
#8afce2 rgb(138,252,226)
```
#8afcec
```
#8afcec rgb(138,252,236)
```

Similar Colors

Text with hexadecimal color #8afccf

This text has a font color of #8afccf.

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

#8afccf background color

This paragraph has a background color of #8afccf.

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

#8afccf border color

This element has a border color of #8afccf.

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

CSS codes

.text {color:#8afccf;}

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

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

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

#00110a
```
#00110a rgb(0,17,10)
```
#012416
```
#012416 rgb(1,36,22)
```
#013722
```
#013722 rgb(1,55,34)
```
#024a2e
```
#024a2e rgb(2,74,46)
```
#025d39
```
#025d39 rgb(2,93,57)
```
#037145
```
#037145 rgb(3,113,69)
```
#038451
```
#038451 rgb(3,132,81)
```
#04975d
```
#04975d rgb(4,151,93)
```
#04aa69
```
#04aa69 rgb(4,170,105)
```
#05bd74
```
#05bd74 rgb(5,189,116)
```
#05d080
```
#05d080 rgb(5,208,128)
```
#06e38c
```
#06e38c rgb(6,227,140)
```
#06f698
```
#06f698 rgb(6,246,152)
```

Shade Color Variation

#17f9a0
```
#17f9a0 rgb(23,249,160)
```
#2afaa8
```
#2afaa8 rgb(42,250,168)
```
#3efab0
```
#3efab0 rgb(62,250,176)
```
#51fbb7
```
#51fbb7 rgb(81,251,183)
```
#64fbbf
```
#64fbbf rgb(100,251,191)
```
#77fcc7
```
#77fcc7 rgb(119,252,199)
```
#8afccf
```
#8afccf rgb(138,252,207)
```
#9dfcd7
```
#9dfcd7 rgb(157,252,215)
```
#b0fddf
```
#b0fddf rgb(176,253,223)
```
#c3fde7
```
#c3fde7 rgb(195,253,231)
```
#d7feee
```
#d7feee rgb(215,254,238)
```
#eafef6
```
#eafef6 rgb(234,254,246)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#c1c5c3
```
#c1c5c3 rgb(193,197,195)
```
#bdc9c4
```
#bdc9c4 rgb(189,201,196)
```
#b8cec5
```
#b8cec5 rgb(184,206,197)
```
#b4d2c6
```
#b4d2c6 rgb(180,210,198)
```
#afd7c7
```
#afd7c7 rgb(175,215,199)
```
#aadcc8
```
#aadcc8 rgb(170,220,200)
```
#a6e0c9
```
#a6e0c9 rgb(166,224,201)
```
#a1e5ca
```
#a1e5ca rgb(161,229,202)
```
#9ceacb
```
#9ceacb rgb(156,234,203)
```
#98eecc
```
#98eecc rgb(152,238,204)
```
#93f3cd
```
#93f3cd rgb(147,243,205)
```
#8ff7ce
```
#8ff7ce rgb(143,247,206)
```
#8afccf
```
#8afccf rgb(138,252,207)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#c6ddd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e7c7 Protanopia 1% of men
#ffe1dc Deuteranopia 1% of men
#b7f1ff Tritanopia 0.001% of the population

Trichromacy

#cdeeca Protanomaly 1% of men, 0.01% of women
#d4ebd7 Deuteranomaly 6% of men, 0.4% of women
#a6f5ed Tritanomaly 0.01% of the population

#8afccf hex color

#8afccf Color Information

#8afccf Color Conversion

Color Schemes with #8afccf

Alternatives to #8afccf

#8afccf Preview

Shades and Tints of #8afccf

Tones of #8afccf

Color Blindness Simulator