#8afccc hex color

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

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

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

The hexadecimal color #8afccc has RGB values of R:138, G:252, B:204 and CMYK values of C:0.45, M:0, Y:0.19, K:0.01. Its decimal value is 9108684.

Hex triplet	8afccc	`#8afccc`
RGB Decimal	138, 252, 204	`rgb(138,252,204)`
RGB Percent	54.1, 98.8, 80	`rgb(54.1%,98.8%,80%)`
CMYK	45, 0, 19, 1
HSL	154.7°, 95, 76.5	`hsl(154.7,95%,76.5%)`
HSV (or HSB)	154.7°, 45.2, 98.8
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.406, -43.324, 12.994
XYZ	56.187, 79.38, 69.485
xyY	0.274, 0.387, 79.38
CIE-LCH	91.406, 45.231, 163.305
CIE-LUV	91.406, -51.583, 26.807
Hunter-Lab	89.096, -43.348, 16.127
Binary	10001010, 11111100, 11001100

#8afccc
```
#8afccc rgb(138,252,204)
```
#fc8aba
```
#fc8aba rgb(252,138,186)
```

Complementary Color

#8afc93
```
#8afc93 rgb(138,252,147)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#8af3fc
```
#8af3fc rgb(138,243,252)
```

Analogous Color

#fc938a
```
#fc938a rgb(252,147,138)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#fc8af3
```
#fc8af3 rgb(252,138,243)
```

Split Complementary Color

#fccc8a
```
#fccc8a rgb(252,204,138)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#cc8afc
```
#cc8afc rgb(204,138,252)
```

Triadic Color

#bafc8a
```
#bafc8a rgb(186,252,138)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#cc8afc
```
#cc8afc rgb(204,138,252)
```
#fc8aba
```
#fc8aba rgb(252,138,186)
```

Tetradic Color

#3ffaab
```
#3ffaab rgb(63,250,171)
```
#58fbb6
```
#58fbb6 rgb(88,251,182)
```
#71fbc1
```
#71fbc1 rgb(113,251,193)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#a3fdd7
```
#a3fdd7 rgb(163,253,215)
```
#bcfde2
```
#bcfde2 rgb(188,253,226)
```
#d5feed
```
#d5feed rgb(213,254,237)
```

Monochromatic Color

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

#8afcb0
```
#8afcb0 rgb(138,252,176)
```
#8afcb9
```
#8afcb9 rgb(138,252,185)
```
#8afcc3
```
#8afcc3 rgb(138,252,195)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#8afcd6
```
#8afcd6 rgb(138,252,214)
```
#8afcdf
```
#8afcdf rgb(138,252,223)
```
#8afce9
```
#8afce9 rgb(138,252,233)
```

Similar Colors

Text with hexadecimal color #8afccc

This text has a font color of #8afccc.

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

#8afccc background color

This paragraph has a background color of #8afccc.

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

#8afccc border color

This element has a border color of #8afccc.

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

CSS codes

.text {color:#8afccc;}

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

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

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)
```
#012415
```
#012415 rgb(1,36,21)
```
#013721
```
#013721 rgb(1,55,33)
```
#024a2c
```
#024a2c rgb(2,74,44)
```
#025d37
```
#025d37 rgb(2,93,55)
```
#037142
```
#037142 rgb(3,113,66)
```
#03844e
```
#03844e rgb(3,132,78)
```
#049759
```
#049759 rgb(4,151,89)
```
#04aa64
```
#04aa64 rgb(4,170,100)
```
#05bd6f
```
#05bd6f rgb(5,189,111)
```
#05d07b
```
#05d07b rgb(5,208,123)
```
#06e386
```
#06e386 rgb(6,227,134)
```
#06f691
```
#06f691 rgb(6,246,145)
```

Shade Color Variation

#17f99a
```
#17f99a rgb(23,249,154)
```
#2afaa2
```
#2afaa2 rgb(42,250,162)
```
#3efaab
```
#3efaab rgb(62,250,171)
```
#51fbb3
```
#51fbb3 rgb(81,251,179)
```
#64fbbb
```
#64fbbb rgb(100,251,187)
```
#77fcc4
```
#77fcc4 rgb(119,252,196)
```
#8afccc
```
#8afccc rgb(138,252,204)
```
#9dfcd4
```
#9dfcd4 rgb(157,252,212)
```
#b0fddd
```
#b0fddd rgb(176,253,221)
```
#c3fde5
```
#c3fde5 rgb(195,253,229)
```
#d7feed
```
#d7feed rgb(215,254,237)
```
#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 #8afccc is the most saturated one.

#c1c5c3
```
#c1c5c3 rgb(193,197,195)
```
#bdc9c4
```
#bdc9c4 rgb(189,201,196)
```
#b8cec5
```
#b8cec5 rgb(184,206,197)
```
#b4d2c5
```
#b4d2c5 rgb(180,210,197)
```
#afd7c6
```
#afd7c6 rgb(175,215,198)
```
#aadcc7
```
#aadcc7 rgb(170,220,199)
```
#a6e0c8
```
#a6e0c8 rgb(166,224,200)
```
#a1e5c8
```
#a1e5c8 rgb(161,229,200)
```
#9ceac9
```
#9ceac9 rgb(156,234,201)
```
#98eeca
```
#98eeca rgb(152,238,202)
```
#93f3cb
```
#93f3cb rgb(147,243,203)
```
#8ff7cb
```
#8ff7cb rgb(143,247,203)
```
#8afccc
```
#8afccc rgb(138,252,204)
```

Tone Color Variation

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

Dichromacy

#f3e7c4 Protanopia 1% of men
#ffe1da Deuteranopia 1% of men
#b6f1ff Tritanopia 0.001% of the population

Trichromacy

#cdeec7 Protanomaly 1% of men, 0.01% of women
#d4ebd5 Deuteranomaly 6% of men, 0.4% of women
#a6f5ec Tritanomaly 0.01% of the population

#8afccc hex color

#8afccc Color Information

#8afccc Color Conversion

Color Schemes with #8afccc

Alternatives to #8afccc

#8afccc Preview

Shades and Tints of #8afccc

Tones of #8afccc

Color Blindness Simulator