#3afe8b hex color

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

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

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

The hexadecimal color #3afe8b has RGB values of R:58, G:254, B:139 and CMYK values of C:0.77, M:0, Y:0.45, K:0. Its decimal value is 3866251.

Hex triplet	3afe8b	`#3afe8b`
RGB Decimal	58, 254, 139	`rgb(58,254,139)`
RGB Percent	22.7, 99.6, 54.5	`rgb(22.7%,99.6%,54.5%)`
CMYK	77, 0, 45, 0
HSL	144.8°, 99, 61.2	`hsl(144.8,99%,61.2%)`
HSV (or HSB)	144.8°, 77.2, 99.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.753, -71.158, 41.76
XYZ	41.844, 73.643, 36.434
xyY	0.275, 0.485, 73.643
CIE-LCH	88.753, 82.506, 149.593
CIE-LUV	88.753, -74.485, 68.591
Hunter-Lab	85.815, -63.14, 34.899
Binary	00111010, 11111110, 10001011

#3afe8b
```
#3afe8b rgb(58,254,139)
```
#fe3aad
```
#fe3aad rgb(254,58,173)
```

Complementary Color

#4bfe3a
```
#4bfe3a rgb(75,254,58)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#3afeed
```
#3afeed rgb(58,254,237)
```

Analogous Color

#fe3a4b
```
#fe3a4b rgb(254,58,75)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#ed3afe
```
#ed3afe rgb(237,58,254)
```

Split Complementary Color

#fe8b3a
```
#fe8b3a rgb(254,139,58)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#8b3afe
```
#8b3afe rgb(139,58,254)
```

Triadic Color

#adfe3a
```
#adfe3a rgb(173,254,58)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#8b3afe
```
#8b3afe rgb(139,58,254)
```
#fe3aad
```
#fe3aad rgb(254,58,173)
```

Tetradic Color

#01ea62
```
#01ea62 rgb(1,234,98)
```
#07fe6d
```
#07fe6d rgb(7,254,109)
```
#21fe7c
```
#21fe7c rgb(33,254,124)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#53fe9a
```
#53fe9a rgb(83,254,154)
```
#6dfea9
```
#6dfea9 rgb(109,254,169)
```
#86feb8
```
#86feb8 rgb(134,254,184)
```

Monochromatic Color

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

#3afe5a
```
#3afe5a rgb(58,254,90)
```
#3afe6a
```
#3afe6a rgb(58,254,106)
```
#3afe7b
```
#3afe7b rgb(58,254,123)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#3afe9b
```
#3afe9b rgb(58,254,155)
```
#3afeac
```
#3afeac rgb(58,254,172)
```
#3afebc
```
#3afebc rgb(58,254,188)
```

Similar Colors

Text with hexadecimal color #3afe8b

This text has a font color of #3afe8b.

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

#3afe8b background color

This paragraph has a background color of #3afe8b.

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

#3afe8b border color

This element has a border color of #3afe8b.

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

CSS codes

.text {color:#3afe8b;}

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

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

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

#001207
```
#001207 rgb(0,18,7)
```
#00250f
```
#00250f rgb(0,37,15)
```
#003918
```
#003918 rgb(0,57,24)
```
#004c20
```
#004c20 rgb(0,76,32)
```
#006028
```
#006028 rgb(0,96,40)
```
#017330
```
#017330 rgb(1,115,48)
```
#018738
```
#018738 rgb(1,135,56)
```
#019a40
```
#019a40 rgb(1,154,64)
```
#01ae48
```
#01ae48 rgb(1,174,72)
```
#01c150
```
#01c150 rgb(1,193,80)
```
#01d559
```
#01d559 rgb(1,213,89)
```
#01e861
```
#01e861 rgb(1,232,97)
```
#01fc69
```
#01fc69 rgb(1,252,105)
```

Shade Color Variation

#13fe74
```
#13fe74 rgb(19,254,116)
```
#26fe80
```
#26fe80 rgb(38,254,128)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```
#4efe96
```
#4efe96 rgb(78,254,150)
```
#61fea2
```
#61fea2 rgb(97,254,162)
```
#75fead
```
#75fead rgb(117,254,173)
```
#88feb9
```
#88feb9 rgb(136,254,185)
```
#9cfec4
```
#9cfec4 rgb(156,254,196)
```
#afffd0
```
#afffd0 rgb(175,255,208)
```
#c3ffdb
```
#c3ffdb rgb(195,255,219)
```
#d6ffe7
```
#d6ffe7 rgb(214,255,231)
```
#eafff2
```
#eafff2 rgb(234,255,242)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#95a39b
```
#95a39b rgb(149,163,155)
```
#8eaa9a
```
#8eaa9a rgb(142,170,154)
```
#86b298
```
#86b298 rgb(134,178,152)
```
#7fb997
```
#7fb997 rgb(127,185,151)
```
#77c196
```
#77c196 rgb(119,193,150)
```
#6fc994
```
#6fc994 rgb(111,201,148)
```
#68d093
```
#68d093 rgb(104,208,147)
```
#60d892
```
#60d892 rgb(96,216,146)
```
#58e090
```
#58e090 rgb(88,224,144)
```
#51e78f
```
#51e78f rgb(81,231,143)
```
#49ef8e
```
#49ef8e rgb(73,239,142)
```
#42f68c
```
#42f68c rgb(66,246,140)
```
#3afe8b
```
#3afe8b rgb(58,254,139)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9dc4ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e086 Protanopia 1% of men
#ffdab5 Deuteranopia 1% of men
#8cefff Tritanopia 0.001% of the population

Trichromacy

#b1eb88 Protanomaly 1% of men, 0.01% of women
#b7e7a6 Deuteranomaly 6% of men, 0.4% of women
#6ef4d4 Tritanomaly 0.01% of the population

#3afe8b hex color

#3afe8b Color Information

#3afe8b Color Conversion

Color Schemes with #3afe8b

Alternatives to #3afe8b

#3afe8b Preview

Shades and Tints of #3afe8b

Tones of #3afe8b

Color Blindness Simulator