#35af6a hex color

In a RGB color space, hex #35af6a is composed of 20.8% red, 68.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 0% magenta, 39.4% yellow and 31.4% black. It has a hue angle of 146.1 degrees, a saturation of 53.5% and a lightness of 44.7%. #35af6a color hex could be obtained by blending #6affd4 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 21
- G 69
- B 42
RGB color chart
- C 70
- M 0
- Y 39
- K 31
CMYK color chart

● #35af6a color description : Dark moderate cyan - lime green.

The hexadecimal color #35af6a has RGB values of R:53, G:175, B:106 and CMYK values of C:0.7, M:0, Y:0.39, K:0.31. Its decimal value is 3518314.

Hex triplet	35af6a	`#35af6a`
RGB Decimal	53, 175, 106	`rgb(53,175,106)`
RGB Percent	20.8, 68.6, 41.6	`rgb(20.8%,68.6%,41.6%)`
CMYK	70, 0, 39, 31
HSL	146.1°, 53.5, 44.7	`hsl(146.1,53.5%,44.7%)`
HSV (or HSB)	146.1°, 69.7, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.718, -49.228, 25.924
XYZ	19.398, 32.456, 18.877
xyY	0.274, 0.459, 32.456
CIE-LCH	63.718, 55.637, 152.229
CIE-LUV	63.718, -49.688, 41.928
Hunter-Lab	56.97, -38.918, 20.233
Binary	00110101, 10101111, 01101010

#35af6a
```
#35af6a rgb(53,175,106)
```
#af357a
```
#af357a rgb(175,53,122)
```

Complementary Color

#3daf35
```
#3daf35 rgb(61,175,53)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#35afa7
```
#35afa7 rgb(53,175,167)
```

Analogous Color

#af353d
```
#af353d rgb(175,53,61)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#a735af
```
#a735af rgb(167,53,175)
```

Split Complementary Color

#af6a35
```
#af6a35 rgb(175,106,53)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#6a35af
```
#6a35af rgb(106,53,175)
```

Triadic Color

#7aaf35
```
#7aaf35 rgb(122,175,53)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#6a35af
```
#6a35af rgb(106,53,175)
```
#af357a
```
#af357a rgb(175,53,122)
```

Tetradic Color

#237446
```
#237446 rgb(35,116,70)
```
#298852
```
#298852 rgb(41,136,82)
```
#2f9b5e
```
#2f9b5e rgb(47,155,94)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#3bc376
```
#3bc376 rgb(59,195,118)
```
#4ec983
```
#4ec983 rgb(78,201,131)
```
#61cf91
```
#61cf91 rgb(97,207,145)
```

Monochromatic Color

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

#35af4c
```
#35af4c rgb(53,175,76)
```
#35af56
```
#35af56 rgb(53,175,86)
```
#35af60
```
#35af60 rgb(53,175,96)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#35af74
```
#35af74 rgb(53,175,116)
```
#35af7e
```
#35af7e rgb(53,175,126)
```
#35af89
```
#35af89 rgb(53,175,137)
```

Similar Colors

Text with hexadecimal color #35af6a

This text has a font color of #35af6a.

<span style="color:#35af6a;">Text here</span>

#35af6a background color

This paragraph has a background color of #35af6a.

<p style="background-color:#35af6a;">Content here</p>

#35af6a border color

This element has a border color of #35af6a.

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

CSS codes

.text {color:#35af6a;}

.background {background-color:#35af6a;}

.border {border:1px solid #35af6a;}

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

#030906
```
#030906 rgb(3,9,6)
```
#07180f
```
#07180f rgb(7,24,15)
```
#0c2718
```
#0c2718 rgb(12,39,24)
```
#113721
```
#113721 rgb(17,55,33)
```
#15462a
```
#15462a rgb(21,70,42)
```
#1a5533
```
#1a5533 rgb(26,85,51)
```
#1e643c
```
#1e643c rgb(30,100,60)
```
#237346
```
#237346 rgb(35,115,70)
```
#27824f
```
#27824f rgb(39,130,79)
```
#2c9158
```
#2c9158 rgb(44,145,88)
```
#30a061
```
#30a061 rgb(48,160,97)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#3abe73
```
#3abe73 rgb(58,190,115)
```

Shade Color Variation

#45c77d
```
#45c77d rgb(69,199,125)
```
#54cb88
```
#54cb88 rgb(84,203,136)
```
#63d092
```
#63d092 rgb(99,208,146)
```
#72d49d
```
#72d49d rgb(114,212,157)
```
#81d9a7
```
#81d9a7 rgb(129,217,167)
```
#90ddb2
```
#90ddb2 rgb(144,221,178)
```
#9fe2bc
```
#9fe2bc rgb(159,226,188)
```
#aee6c7
```
#aee6c7 rgb(174,230,199)
```
#bdebd1
```
#bdebd1 rgb(189,235,209)
```
#ccf0dc
```
#ccf0dc rgb(204,240,220)
```
#dbf4e6
```
#dbf4e6 rgb(219,244,230)
```
#eaf9f1
```
#eaf9f1 rgb(234,249,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7a71 is the less saturated color, while #00e463 is the most saturated one.

#6a7a71
```
#6a7a71 rgb(106,122,113)
```
#618370
```
#618370 rgb(97,131,112)
```
#588c6f
```
#588c6f rgb(88,140,111)
```
#4f956d
```
#4f956d rgb(79,149,109)
```
#479d6c
```
#479d6c rgb(71,157,108)
```
#3ea66b
```
#3ea66b rgb(62,166,107)
```
#35af6a
```
#35af6a rgb(53,175,106)
```
#2cb869
```
#2cb869 rgb(44,184,105)
```
#23c168
```
#23c168 rgb(35,193,104)
```
#1bc967
```
#1bc967 rgb(27,201,103)
```
#12d265
```
#12d265 rgb(18,210,101)
```
#09db64
```
#09db64 rgb(9,219,100)
```
#00e463
```
#00e463 rgb(0,228,99)
```

Tone Color Variation

Below, you can see how #35af6a 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

#838383 Achromatopsia 0.005% of the population
#738c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9f6a Protanopia 1% of men
#ba997a Deuteranopia 1% of men
#5daab7 Tritanopia 0.001% of the population

Trichromacy

#81a56a Protanomaly 1% of men, 0.01% of women
#8aa174 Deuteranomaly 6% of men, 0.4% of women
#4eac9b Tritanomaly 0.01% of the population

#35af6a hex color

#35af6a Color Information

#35af6a Color Conversion

Color Schemes with #35af6a

Alternatives to #35af6a

#35af6a Preview

Shades and Tints of #35af6a

Tones of #35af6a

Color Blindness Simulator