#3afca7 hex color

In a RGB color space, hex #3afca7 is composed of 22.7% red, 98.8% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 33.7% yellow and 1.2% black. It has a hue angle of 153.7 degrees, a saturation of 97% and a lightness of 60.8%. #3afca7 color hex could be obtained by blending #74ffff with #00f94f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 23
- G 99
- B 65
RGB color chart
- C 77
- M 0
- Y 34
- K 1
CMYK color chart

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

The hexadecimal color #3afca7 has RGB values of R:58, G:252, B:167 and CMYK values of C:0.77, M:0, Y:0.34, K:0.01. Its decimal value is 3865767.

Hex triplet	3afca7	`#3afca7`
RGB Decimal	58, 252, 167	`rgb(58,252,167)`
RGB Percent	22.7, 98.8, 65.5	`rgb(22.7%,98.8%,65.5%)`
CMYK	77, 0, 34, 1
HSL	153.7°, 97, 60.8	`hsl(153.7,97%,60.8%)`
HSV (or HSB)	153.7°, 77, 98.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.593, -65.435, 27.684
XYZ	43.527, 73.306, 48.413
xyY	0.263, 0.444, 73.306
CIE-LCH	88.593, 71.05, 157.068
CIE-LUV	88.593, -72.212, 50.392
Hunter-Lab	85.619, -59.087, 26.408
Binary	00111010, 11111100, 10100111

#3afca7
```
#3afca7 rgb(58,252,167)
```
#fc3a8f
```
#fc3a8f rgb(252,58,143)
```

Complementary Color

#3afc46
```
#3afc46 rgb(58,252,70)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#3af0fc
```
#3af0fc rgb(58,240,252)
```

Analogous Color

#fc463a
```
#fc463a rgb(252,70,58)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#fc3af0
```
#fc3af0 rgb(252,58,240)
```

Split Complementary Color

#fca73a
```
#fca73a rgb(252,167,58)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#a73afc
```
#a73afc rgb(167,58,252)
```

Triadic Color

#8ffc3a
```
#8ffc3a rgb(143,252,58)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#a73afc
```
#a73afc rgb(167,58,252)
```
#fc3a8f
```
#fc3a8f rgb(252,58,143)
```

Tetradic Color

#04e683
```
#04e683 rgb(4,230,131)
```
#08fb91
```
#08fb91 rgb(8,251,145)
```
#21fc9c
```
#21fc9c rgb(33,252,156)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#53fcb2
```
#53fcb2 rgb(83,252,178)
```
#6cfdbd
```
#6cfdbd rgb(108,253,189)
```
#85fdc9
```
#85fdc9 rgb(133,253,201)
```

Monochromatic Color

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

#3afc77
```
#3afc77 rgb(58,252,119)
```
#3afc87
```
#3afc87 rgb(58,252,135)
```
#3afc97
```
#3afc97 rgb(58,252,151)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#3afcb7
```
#3afcb7 rgb(58,252,183)
```
#3afcc7
```
#3afcc7 rgb(58,252,199)
```
#3afcd8
```
#3afcd8 rgb(58,252,216)
```

Similar Colors

Text with hexadecimal color #3afca7

This text has a font color of #3afca7.

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

#3afca7 background color

This paragraph has a background color of #3afca7.

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

#3afca7 border color

This element has a border color of #3afca7.

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

CSS codes

.text {color:#3afca7;}

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

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

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

#001009
```
#001009 rgb(0,16,9)
```
#012314
```
#012314 rgb(1,35,20)
```
#01361f
```
#01361f rgb(1,54,31)
```
#01492a
```
#01492a rgb(1,73,42)
```
#015d35
```
#015d35 rgb(1,93,53)
```
#027040
```
#027040 rgb(2,112,64)
```
#02834b
```
#02834b rgb(2,131,75)
```
#029756
```
#029756 rgb(2,151,86)
```
#03aa61
```
#03aa61 rgb(3,170,97)
```
#03bd6c
```
#03bd6c rgb(3,189,108)
```
#03d177
```
#03d177 rgb(3,209,119)
```
#03e482
```
#03e482 rgb(3,228,130)
```
#04f78d
```
#04f78d rgb(4,247,141)
```

Shade Color Variation

#13fb96
```
#13fb96 rgb(19,251,150)
```
#27fc9e
```
#27fc9e rgb(39,252,158)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```
#4dfcb0
```
#4dfcb0 rgb(77,252,176)
```
#61fdb8
```
#61fdb8 rgb(97,253,184)
```
#74fdc1
```
#74fdc1 rgb(116,253,193)
```
#87fdca
```
#87fdca rgb(135,253,202)
```
#9bfdd2
```
#9bfdd2 rgb(155,253,210)
```
#aefedb
```
#aefedb rgb(174,254,219)
```
#c1fee3
```
#c1fee3 rgb(193,254,227)
```
#d5feec
```
#d5feec rgb(213,254,236)
```
#e8fff5
```
#e8fff5 rgb(232,255,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#96a09c
```
#96a09c rgb(150,160,156)
```
#8fa79d
```
#8fa79d rgb(143,167,157)
```
#87af9d
```
#87af9d rgb(135,175,157)
```
#7fb79e
```
#7fb79e rgb(127,183,158)
```
#78be9f
```
#78be9f rgb(120,190,159)
```
#70c6a0
```
#70c6a0 rgb(112,198,160)
```
#68cea1
```
#68cea1 rgb(104,206,161)
```
#60d6a2
```
#60d6a2 rgb(96,214,162)
```
#59dda3
```
#59dda3 rgb(89,221,163)
```
#51e5a4
```
#51e5a4 rgb(81,229,164)
```
#49eda5
```
#49eda5 rgb(73,237,165)
```
#42f4a6
```
#42f4a6 rgb(66,244,166)
```
#3afca7
```
#3afca7 rgb(58,252,167)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9fc6b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dfa0 Protanopia 1% of men
#ffd8bd Deuteranopia 1% of men
#88efff Tritanopia 0.001% of the population

Trichromacy

#aeeaa2 Protanomaly 1% of men, 0.01% of women
#b7e5b5 Deuteranomaly 6% of men, 0.4% of women
#6cf3df Tritanomaly 0.01% of the population

#3afca7 hex color

#3afca7 Color Information

#3afca7 Color Conversion

Color Schemes with #3afca7

Alternatives to #3afca7

#3afca7 Preview

Shades and Tints of #3afca7

Tones of #3afca7

Color Blindness Simulator