#3afec8 hex color

In a RGB color space, hex #3afec8 is composed of 22.7% red, 99.6% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 21.3% yellow and 0.4% black. It has a hue angle of 163.5 degrees, a saturation of 99% and a lightness of 61.2%. #3afec8 color hex could be obtained by blending #74ffff with #00fd91. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 23
- G 100
- B 78
RGB color chart
- C 77
- M 0
- Y 21
- K 0
CMYK color chart

● #3afec8 color description : Bright cyan - lime green.

The hexadecimal color #3afec8 has RGB values of R:58, G:254, B:200 and CMYK values of C:0.77, M:0, Y:0.21, K:0. Its decimal value is 3866312.

Hex triplet	3afec8	`#3afec8`
RGB Decimal	58, 254, 200	`rgb(58,254,200)`
RGB Percent	22.7, 99.6, 78.4	`rgb(22.7%,99.6%,78.4%)`
CMYK	77, 0, 21, 0
HSL	163.5°, 99, 61.2	`hsl(163.5,99%,61.2%)`
HSV (or HSB)	163.5°, 77.2, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.835, -59.102, 12.54
XYZ	47.608, 75.949, 66.791
xyY	0.25, 0.399, 75.949
CIE-LCH	89.835, 60.418, 168.021
CIE-LUV	89.835, -70.729, 28.503
Hunter-Lab	87.148, -54.998, 15.564
Binary	00111010, 11111110, 11001000

#3afec8
```
#3afec8 rgb(58,254,200)
```
#fe3a70
```
#fe3a70 rgb(254,58,112)
```

Complementary Color

#3afe66
```
#3afe66 rgb(58,254,102)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#3ad2fe
```
#3ad2fe rgb(58,210,254)
```

Analogous Color

#fe663a
```
#fe663a rgb(254,102,58)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#fe3ad2
```
#fe3ad2 rgb(254,58,210)
```

Split Complementary Color

#fec83a
```
#fec83a rgb(254,200,58)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#c83afe
```
#c83afe rgb(200,58,254)
```

Triadic Color

#70fe3a
```
#70fe3a rgb(112,254,58)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#c83afe
```
#c83afe rgb(200,58,254)
```
#fe3a70
```
#fe3a70 rgb(254,58,112)
```

Tetradic Color

#01eaaa
```
#01eaaa rgb(1,234,170)
```
#07feba
```
#07feba rgb(7,254,186)
```
#21fec1
```
#21fec1 rgb(33,254,193)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#53fecf
```
#53fecf rgb(83,254,207)
```
#6dfed6
```
#6dfed6 rgb(109,254,214)
```
#86fedd
```
#86fedd rgb(134,254,221)
```

Monochromatic Color

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

#3afe97
```
#3afe97 rgb(58,254,151)
```
#3afea7
```
#3afea7 rgb(58,254,167)
```
#3afeb8
```
#3afeb8 rgb(58,254,184)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#3afed8
```
#3afed8 rgb(58,254,216)
```
#3afee9
```
#3afee9 rgb(58,254,233)
```
#3afef9
```
#3afef9 rgb(58,254,249)
```

Similar Colors

Text with hexadecimal color #3afec8

This text has a font color of #3afec8.

<span style="color:#3afec8;">Text here</span>

#3afec8 background color

This paragraph has a background color of #3afec8.

<p style="background-color:#3afec8;">Content here</p>

#3afec8 border color

This element has a border color of #3afec8.

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

CSS codes

.text {color:#3afec8;}

.background {background-color:#3afec8;}

.border {border:1px solid #3afec8;}

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

#00120d
```
#00120d rgb(0,18,13)
```
#00251b
```
#00251b rgb(0,37,27)
```
#003929
```
#003929 rgb(0,57,41)
```
#004c37
```
#004c37 rgb(0,76,55)
```
#006046
```
#006046 rgb(0,96,70)
```
#017354
```
#017354 rgb(1,115,84)
```
#018762
```
#018762 rgb(1,135,98)
```
#019a70
```
#019a70 rgb(1,154,112)
```
#01ae7e
```
#01ae7e rgb(1,174,126)
```
#01c18c
```
#01c18c rgb(1,193,140)
```
#01d59b
```
#01d59b rgb(1,213,155)
```
#01e8a9
```
#01e8a9 rgb(1,232,169)
```
#01fcb7
```
#01fcb7 rgb(1,252,183)
```

Shade Color Variation

#13febd
```
#13febd rgb(19,254,189)
```
#26fec3
```
#26fec3 rgb(38,254,195)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```
#4efecd
```
#4efecd rgb(78,254,205)
```
#61fed3
```
#61fed3 rgb(97,254,211)
```
#75fed8
```
#75fed8 rgb(117,254,216)
```
#88fede
```
#88fede rgb(136,254,222)
```
#9cfee3
```
#9cfee3 rgb(156,254,227)
```
#afffe9
```
#afffe9 rgb(175,255,233)
```
#c3ffee
```
#c3ffee rgb(195,255,238)
```
#d6fff4
```
#d6fff4 rgb(214,255,244)
```
#eafff9
```
#eafff9 rgb(234,255,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95a39f is the less saturated color, while #3afec8 is the most saturated one.

#95a39f
```
#95a39f rgb(149,163,159)
```
#8eaaa2
```
#8eaaa2 rgb(142,170,162)
```
#86b2a6
```
#86b2a6 rgb(134,178,166)
```
#7fb9a9
```
#7fb9a9 rgb(127,185,169)
```
#77c1ad
```
#77c1ad rgb(119,193,173)
```
#6fc9b0
```
#6fc9b0 rgb(111,201,176)
```
#68d0b3
```
#68d0b3 rgb(104,208,179)
```
#60d8b7
```
#60d8b7 rgb(96,216,183)
```
#58e0ba
```
#58e0ba rgb(88,224,186)
```
#51e7be
```
#51e7be rgb(81,231,190)
```
#49efc1
```
#49efc1 rgb(73,239,193)
```
#42f6c5
```
#42f6c5 rgb(66,246,197)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```

Tone Color Variation

Below, you can see how #3afec8 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

#bdbdbd Achromatopsia 0.005% of the population
#a3cabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe2be Protanopia 1% of men
#fddcd6 Deuteranopia 1% of men
#98f1ff Tritanopia 0.001% of the population

Trichromacy

#adecc1 Protanomaly 1% of men, 0.01% of women
#b6e8d1 Deuteranomaly 6% of men, 0.4% of women
#76f5eb Tritanomaly 0.01% of the population

#3afec8 hex color

#3afec8 Color Information

#3afec8 Color Conversion

Color Schemes with #3afec8

Alternatives to #3afec8

#3afec8 Preview

Shades and Tints of #3afec8

Tones of #3afec8

Color Blindness Simulator