#3af28e hex color

In a RGB color space, hex #3af28e is composed of 22.7% red, 94.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 41.3% yellow and 5.1% black. It has a hue angle of 147.4 degrees, a saturation of 87.6% and a lightness of 58.8%. #3af28e color hex could be obtained by blending #74ffff with #00e51d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 23
- G 95
- B 56
RGB color chart
- C 76
- M 0
- Y 41
- K 5
CMYK color chart

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

The hexadecimal color #3af28e has RGB values of R:58, G:242, B:142 and CMYK values of C:0.76, M:0, Y:0.41, K:0.05. Its decimal value is 3863182.

Hex triplet	3af28e	`#3af28e`
RGB Decimal	58, 242, 142	`rgb(58,242,142)`
RGB Percent	22.7, 94.9, 55.7	`rgb(22.7%,94.9%,55.7%)`
CMYK	76, 0, 41, 5
HSL	147.4°, 87.6, 58.8	`hsl(147.4,87.6%,58.8%)`
HSV (or HSB)	147.4°, 76, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.176, -66.548, 35.667
XYZ	38.377, 66.353, 36.375
xyY	0.272, 0.47, 66.353
CIE-LCH	85.176, 75.504, 151.81
CIE-LUV	85.176, -70.328, 60.039
Hunter-Lab	81.457, -58.454, 30.544
Binary	00111010, 11110010, 10001110

#3af28e
```
#3af28e rgb(58,242,142)
```
#f23a9e
```
#f23a9e rgb(242,58,158)
```

Complementary Color

#42f23a
```
#42f23a rgb(66,242,58)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#3af2ea
```
#3af2ea rgb(58,242,234)
```

Analogous Color

#f23a42
```
#f23a42 rgb(242,58,66)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#ea3af2
```
#ea3af2 rgb(234,58,242)
```

Split Complementary Color

#f28e3a
```
#f28e3a rgb(242,142,58)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#8e3af2
```
#8e3af2 rgb(142,58,242)
```

Triadic Color

#9ef23a
```
#9ef23a rgb(158,242,58)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#8e3af2
```
#8e3af2 rgb(142,58,242)
```
#f23a9e
```
#f23a9e rgb(242,58,158)
```

Tetradic Color

#0ed267
```
#0ed267 rgb(14,210,103)
```
#0fea73
```
#0fea73 rgb(15,234,115)
```
#22f080
```
#22f080 rgb(34,240,128)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#52f49c
```
#52f49c rgb(82,244,156)
```
#6af5a9
```
#6af5a9 rgb(106,245,169)
```
#82f7b7
```
#82f7b7 rgb(130,247,183)
```

Monochromatic Color

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

#3af260
```
#3af260 rgb(58,242,96)
```
#3af26f
```
#3af26f rgb(58,242,111)
```
#3af27f
```
#3af27f rgb(58,242,127)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#3af29d
```
#3af29d rgb(58,242,157)
```
#3af2ad
```
#3af2ad rgb(58,242,173)
```
#3af2bc
```
#3af2bc rgb(58,242,188)
```

Similar Colors

Text with hexadecimal color #3af28e

This text has a font color of #3af28e.

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

#3af28e background color

This paragraph has a background color of #3af28e.

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

#3af28e border color

This element has a border color of #3af28e.

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

CSS codes

.text {color:#3af28e;}

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

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

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

#000503
```
#000503 rgb(0,5,3)
```
#02180c
```
#02180c rgb(2,24,12)
```
#032a15
```
#032a15 rgb(3,42,21)
```
#043d1e
```
#043d1e rgb(4,61,30)
```
#054f27
```
#054f27 rgb(5,79,39)
```
#066130
```
#066130 rgb(6,97,48)
```
#087439
```
#087439 rgb(8,116,57)
```
#098642
```
#098642 rgb(9,134,66)
```
#0a994b
```
#0a994b rgb(10,153,75)
```
#0bab54
```
#0bab54 rgb(11,171,84)
```
#0dbd5d
```
#0dbd5d rgb(13,189,93)
```
#0ed066
```
#0ed066 rgb(14,208,102)
```
#0fe26f
```
#0fe26f rgb(15,226,111)
```

Shade Color Variation

#15f079
```
#15f079 rgb(21,240,121)
```
#28f183
```
#28f183 rgb(40,241,131)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#4cf399
```
#4cf399 rgb(76,243,153)
```
#5ff4a3
```
#5ff4a3 rgb(95,244,163)
```
#71f6ae
```
#71f6ae rgb(113,246,174)
```
#84f7b8
```
#84f7b8 rgb(132,247,184)
```
#96f8c3
```
#96f8c3 rgb(150,248,195)
```
#a8f9cd
```
#a8f9cd rgb(168,249,205)
```
#bbfbd8
```
#bbfbd8 rgb(187,251,216)
```
#cdfce2
```
#cdfce2 rgb(205,252,226)
```
#e0fded
```
#e0fded rgb(224,253,237)
```
#f2fef8
```
#f2fef8 rgb(242,254,248)
```

Tint Color Variation

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

#939996
```
#939996 rgb(147,153,150)
```
#8ba195
```
#8ba195 rgb(139,161,149)
```
#83a994
```
#83a994 rgb(131,169,148)
```
#7bb194
```
#7bb194 rgb(123,177,148)
```
#73b993
```
#73b993 rgb(115,185,147)
```
#6ac292
```
#6ac292 rgb(106,194,146)
```
#62ca92
```
#62ca92 rgb(98,202,146)
```
#5ad291
```
#5ad291 rgb(90,210,145)
```
#52da90
```
#52da90 rgb(82,218,144)
```
#4ae28f
```
#4ae28f rgb(74,226,143)
```
#42ea8f
```
#42ea8f rgb(66,234,143)
```
#3af28e
```
#3af28e rgb(58,242,142)
```
#32fa8d
```
#32fa8d rgb(50,250,141)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#98bda9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d689 Protanopia 1% of men
#fccea0 Deuteranopia 1% of men
#76e6f7 Tritanopia 0.001% of the population

Trichromacy

#a9e08b Protanomaly 1% of men, 0.01% of women
#b5db99 Deuteranomaly 6% of men, 0.4% of women
#60ead1 Tritanomaly 0.01% of the population

#3af28e hex color

#3af28e Color Information

#3af28e Color Conversion

Color Schemes with #3af28e

Alternatives to #3af28e

#3af28e Preview

Shades and Tints of #3af28e

Tones of #3af28e

Color Blindness Simulator