#2faa95 hex color

In a RGB color space, hex #2faa95 is composed of 18.4% red, 66.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 12.4% yellow and 33.3% black. It has a hue angle of 169.8 degrees, a saturation of 56.7% and a lightness of 42.5%. #2faa95 color hex could be obtained by blending #5effff with #00552b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 67
- B 58
RGB color chart
- C 72
- M 0
- Y 12
- K 33
CMYK color chart

● #2faa95 color description : Dark cyan.

The hexadecimal color #2faa95 has RGB values of R:47, G:170, B:149 and CMYK values of C:0.72, M:0, Y:0.12, K:0.33. Its decimal value is 3123861.

Hex triplet	2faa95	`#2faa95`
RGB Decimal	47, 170, 149	`rgb(47,170,149)`
RGB Percent	18.4, 66.7, 58.4	`rgb(18.4%,66.7%,58.4%)`
CMYK	72, 0, 12, 33
HSL	169.8°, 56.7, 42.5	`hsl(169.8,56.7%,42.5%)`
HSV (or HSB)	169.8°, 72.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.946, -38.156, 1.215
XYZ	20.97, 31.522, 33.411
xyY	0.244, 0.367, 31.522
CIE-LCH	62.946, 38.175, 178.177
CIE-LUV	62.946, -46.344, 7.563
Hunter-Lab	56.144, -31.582, 4.018
Binary	00101111, 10101010, 10010101

#2faa95
```
#2faa95 rgb(47,170,149)
```
#aa2f44
```
#aa2f44 rgb(170,47,68)
```

Complementary Color

#2faa58
```
#2faa58 rgb(47,170,88)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#2f82aa
```
#2f82aa rgb(47,130,170)
```

Analogous Color

#aa582f
```
#aa582f rgb(170,88,47)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#aa2f82
```
#aa2f82 rgb(170,47,130)
```

Split Complementary Color

#aa952f
```
#aa952f rgb(170,149,47)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#952faa
```
#952faa rgb(149,47,170)
```

Triadic Color

#44aa2f
```
#44aa2f rgb(68,170,47)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#952faa
```
#952faa rgb(149,47,170)
```
#aa2f44
```
#aa2f44 rgb(170,47,68)
```

Tetradic Color

#1e6e60
```
#1e6e60 rgb(30,110,96)
```
#248272
```
#248272 rgb(36,130,114)
```
#299683
```
#299683 rgb(41,150,131)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#35bea7
```
#35bea7 rgb(53,190,167)
```
#41cbb3
```
#41cbb3 rgb(65,203,179)
```
#55d0bb
```
#55d0bb rgb(85,208,187)
```

Monochromatic Color

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

#2faa76
```
#2faa76 rgb(47,170,118)
```
#2faa81
```
#2faa81 rgb(47,170,129)
```
#2faa8b
```
#2faa8b rgb(47,170,139)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#2faa9f
```
#2faa9f rgb(47,170,159)
```
#2faaaa
```
#2faaaa rgb(47,170,170)
```
#2fa0aa
```
#2fa0aa rgb(47,160,170)
```

Similar Colors

Text with hexadecimal color #2faa95

This text has a font color of #2faa95.

<span style="color:#2faa95;">Text here</span>

#2faa95 background color

This paragraph has a background color of #2faa95.

<p style="background-color:#2faa95;">Content here</p>

#2faa95 border color

This element has a border color of #2faa95.

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

CSS codes

.text {color:#2faa95;}

.background {background-color:#2faa95;}

.border {border:1px solid #2faa95;}

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

#000101
```
#000101 rgb(0,1,1)
```
#05100e
```
#05100e rgb(5,16,14)
```
#09201c
```
#09201c rgb(9,32,28)
```
#0d2f29
```
#0d2f29 rgb(13,47,41)
```
#113e37
```
#113e37 rgb(17,62,55)
```
#164e44
```
#164e44 rgb(22,78,68)
```
#1a5d52
```
#1a5d52 rgb(26,93,82)
```
#1e6d5f
```
#1e6d5f rgb(30,109,95)
```
#227c6d
```
#227c6d rgb(34,124,109)
```
#278b7a
```
#278b7a rgb(39,139,122)
```
#2b9b88
```
#2b9b88 rgb(43,155,136)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#33b9a2
```
#33b9a2 rgb(51,185,162)
```

Shade Color Variation

#38c8af
```
#38c8af rgb(56,200,175)
```
#48ccb6
```
#48ccb6 rgb(72,204,182)
```
#57d1bc
```
#57d1bc rgb(87,209,188)
```
#66d5c2
```
#66d5c2 rgb(102,213,194)
```
#76d9c8
```
#76d9c8 rgb(118,217,200)
```
#85ddce
```
#85ddce rgb(133,221,206)
```
#94e2d4
```
#94e2d4 rgb(148,226,212)
```
#a4e6db
```
#a4e6db rgb(164,230,219)
```
#b3eae1
```
#b3eae1 rgb(179,234,225)
```
#c2eee7
```
#c2eee7 rgb(194,238,231)
```
#d2f3ed
```
#d2f3ed rgb(210,243,237)
```
#e1f7f3
```
#e1f7f3 rgb(225,247,243)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69706f is the less saturated color, while #05d4b0 is the most saturated one.

#69706f
```
#69706f rgb(105,112,111)
```
#617874
```
#617874 rgb(97,120,116)
```
#59807a
```
#59807a rgb(89,128,122)
```
#50897f
```
#50897f rgb(80,137,127)
```
#489185
```
#489185 rgb(72,145,133)
```
#40998a
```
#40998a rgb(64,153,138)
```
#37a290
```
#37a290 rgb(55,162,144)
```
#2faa95
```
#2faa95 rgb(47,170,149)
```
#27b29a
```
#27b29a rgb(39,178,154)
```
#1ebba0
```
#1ebba0 rgb(30,187,160)
```
#16c3a5
```
#16c3a5 rgb(22,195,165)
```
#0ecbab
```
#0ecbab rgb(14,203,171)
```
#05d4b0
```
#05d4b0 rgb(5,212,176)
```

Tone Color Variation

Below, you can see how #2faa95 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
#728b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39d91 Protanopia 1% of men
#aa99a2 Deuteranopia 1% of men
#4baab6 Tritanopia 0.001% of the population

Trichromacy

#78a192 Protanomaly 1% of men, 0.01% of women
#7d9f9d Deuteranomaly 6% of men, 0.4% of women
#41aaaa Tritanomaly 0.01% of the population

#2faa95 hex color

#2faa95 Color Information

#2faa95 Color Conversion

Color Schemes with #2faa95

Alternatives to #2faa95

#2faa95 Preview

Shades and Tints of #2faa95

Tones of #2faa95

Color Blindness Simulator