colorhexa.com

#3afd85 hex color

In a RGB color space, hex #3afd85 is composed of 22.7% red, 99.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 47.4% yellow and 0.8% black. It has a hue angle of 143.1 degrees, a saturation of 98% and a lightness of 61%. #3afd85 color hex could be obtained by blending #74ffff with #00fb0b. Closest websafe color is: #33ff99.

- R 23
- G 99
- B 52
RGB color chart
- C 77
- M 0
- Y 47
- K 1
CMYK color chart

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

The hexadecimal color #3afd85 has RGB values of R:58, G:253, B:133 and CMYK values of C:0.77, M:0, Y:0.47, K:0.01. Its decimal value is 3865989.

Hex triplet	3afd85	`#3afd85`
RGB Decimal	58, 253, 133	`rgb(58,253,133)`
RGB Percent	22.7, 99.2, 52.2	`rgb(22.7%,99.2%,52.2%)`
CMYK	77, 0, 47, 1
HSL	143.1°, 98, 61	`hsl(143.1,98%,61%)`
HSV (or HSB)	143.1°, 77.1, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.371, -71.774, 44.154
XYZ	41.101, 72.839, 34.082
xyY	0.278, 0.492, 72.839
CIE-LCH	88.371, 84.268, 148.401
CIE-LUV	88.371, -74.467, 71.312
Hunter-Lab	85.346, -63.393, 36.065
Binary	00111010, 11111101, 10000101

#3afd85
```
#3afd85 rgb(58,253,133)
```
#fd3ab2
```
#fd3ab2 rgb(253,58,178)
```

Complementary Color

#51fd3a
```
#51fd3a rgb(81,253,58)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#3afde7
```
#3afde7 rgb(58,253,231)
```

Analogous Color

#fd3a51
```
#fd3a51 rgb(253,58,81)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#e73afd
```
#e73afd rgb(231,58,253)
```

Split Complementary Color

#fd853a
```
#fd853a rgb(253,133,58)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#853afd
```
#853afd rgb(133,58,253)
```

Triadic Color

#b2fd3a
```
#b2fd3a rgb(178,253,58)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#853afd
```
#853afd rgb(133,58,253)
```
#fd3ab2
```
#fd3ab2 rgb(253,58,178)
```

Tetradic Color

#02e85b
```
#02e85b rgb(2,232,91)
```
#08fc66
```
#08fc66 rgb(8,252,102)
```
#21fd75
```
#21fd75 rgb(33,253,117)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#53fd95
```
#53fd95 rgb(83,253,149)
```
#6cfea4
```
#6cfea4 rgb(108,254,164)
```
#86feb4
```
#86feb4 rgb(134,254,180)
```

Monochromatic Color

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

#3afd54
```
#3afd54 rgb(58,253,84)
```
#3afd65
```
#3afd65 rgb(58,253,101)
```
#3afd75
```
#3afd75 rgb(58,253,117)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#3afd95
```
#3afd95 rgb(58,253,149)
```
#3afda6
```
#3afda6 rgb(58,253,166)
```
#3afdb6
```
#3afdb6 rgb(58,253,182)
```

Similar Colors

Text with hexadecimal color #3afd85

This text has a font color of #3afd85.

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

#3afd85 background color

This paragraph has a background color of #3afd85.

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

#3afd85 border color

This element has a border color of #3afd85.

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

CSS codes

.text {color:#3afd85;}

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

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

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

#001106
```
#001106 rgb(0,17,6)
```
#00240e
```
#00240e rgb(0,36,14)
```
#013716
```
#013716 rgb(1,55,22)
```
#014b1d
```
#014b1d rgb(1,75,29)
```
#015e25
```
#015e25 rgb(1,94,37)
```
#01722c
```
#01722c rgb(1,114,44)
```
#018534
```
#018534 rgb(1,133,52)
```
#02993c
```
#02993c rgb(2,153,60)
```
#02ac43
```
#02ac43 rgb(2,172,67)
```
#02bf4b
```
#02bf4b rgb(2,191,75)
```
#02d352
```
#02d352 rgb(2,211,82)
```
#02e65a
```
#02e65a rgb(2,230,90)
```
#03fa62
```
#03fa62 rgb(3,250,98)
```

Shade Color Variation

#13fd6d
```
#13fd6d rgb(19,253,109)
```
#27fd79
```
#27fd79 rgb(39,253,121)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```
#4dfd91
```
#4dfd91 rgb(77,253,145)
```
#61fd9d
```
#61fd9d rgb(97,253,157)
```
#74fea9
```
#74fea9 rgb(116,254,169)
```
#88feb5
```
#88feb5 rgb(136,254,181)
```
#9bfec1
```
#9bfec1 rgb(155,254,193)
```
#affecd
```
#affecd rgb(175,254,205)
```
#c2fed9
```
#c2fed9 rgb(194,254,217)
```
#d5ffe5
```
#d5ffe5 rgb(213,255,229)
```
#e9fff1
```
#e9fff1 rgb(233,255,241)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#96a19a
```
#96a19a rgb(150,161,154)
```
#8ea998
```
#8ea998 rgb(142,169,152)
```
#87b097
```
#87b097 rgb(135,176,151)
```
#7fb895
```
#7fb895 rgb(127,184,149)
```
#77c093
```
#77c093 rgb(119,192,147)
```
#70c791
```
#70c791 rgb(112,199,145)
```
#68cf90
```
#68cf90 rgb(104,207,144)
```
#60d78e
```
#60d78e rgb(96,215,142)
```
#59de8c
```
#59de8c rgb(89,222,140)
```
#51e68a
```
#51e68a rgb(81,230,138)
```
#49ee89
```
#49ee89 rgb(73,238,137)
```
#42f587
```
#42f587 rgb(66,245,135)
```
#3afd85
```
#3afd85 rgb(58,253,133)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9cc3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4df81 Protanopia 1% of men
#ffd9b1 Deuteranopia 1% of men
#87eeff Tritanopia 0.001% of the population

Trichromacy

#b0ea82 Protanomaly 1% of men, 0.01% of women
#b7e6a1 Deuteranomaly 6% of men, 0.4% of women
#6bf3d2 Tritanomaly 0.01% of the population