#2faf88 hex color

In a RGB color space, hex #2faf88 is composed of 18.4% red, 68.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 0% magenta, 22.3% yellow and 31.4% black. It has a hue angle of 161.7 degrees, a saturation of 57.7% and a lightness of 43.5%. #2faf88 color hex could be obtained by blending #5effff with #005f11. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 69
- B 53
RGB color chart
- C 73
- M 0
- Y 22
- K 31
CMYK color chart

● #2faf88 color description : Dark cyan - lime green.

The hexadecimal color #2faf88 has RGB values of R:47, G:175, B:136 and CMYK values of C:0.73, M:0, Y:0.22, K:0.31. Its decimal value is 3125128.

Hex triplet	2faf88	`#2faf88`
RGB Decimal	47, 175, 136	`rgb(47,175,136)`
RGB Percent	18.4, 68.6, 53.3	`rgb(18.4%,68.6%,53.3%)`
CMYK	73, 0, 22, 31
HSL	161.7°, 57.7, 43.5	`hsl(161.7,57.7%,43.5%)`
HSV (or HSB)	161.7°, 73.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.193, -43.656, 10.232
XYZ	20.944, 33.04, 28.565
xyY	0.254, 0.4, 33.04
CIE-LCH	64.193, 44.839, 166.809
CIE-LUV	64.193, -49.01, 21.214
Hunter-Lab	57.48, -35.549, 10.772
Binary	00101111, 10101111, 10001000

#2faf88
```
#2faf88 rgb(47,175,136)
```
#af2f56
```
#af2f56 rgb(175,47,86)
```

Complementary Color

#2faf48
```
#2faf48 rgb(47,175,72)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#2f96af
```
#2f96af rgb(47,150,175)
```

Analogous Color

#af482f
```
#af482f rgb(175,72,47)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#af2f96
```
#af2f96 rgb(175,47,150)
```

Split Complementary Color

#af882f
```
#af882f rgb(175,136,47)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#882faf
```
#882faf rgb(136,47,175)
```

Triadic Color

#56af2f
```
#56af2f rgb(86,175,47)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#882faf
```
#882faf rgb(136,47,175)
```
#af2f56
```
#af2f56 rgb(175,47,86)
```

Tetradic Color

#1f7359
```
#1f7359 rgb(31,115,89)
```
#248769
```
#248769 rgb(36,135,105)
```
#2a9b78
```
#2a9b78 rgb(42,155,120)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#34c398
```
#34c398 rgb(52,195,152)
```
#44cda3
```
#44cda3 rgb(68,205,163)
```
#58d2ad
```
#58d2ad rgb(88,210,173)
```

Monochromatic Color

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

#2faf68
```
#2faf68 rgb(47,175,104)
```
#2faf73
```
#2faf73 rgb(47,175,115)
```
#2faf7d
```
#2faf7d rgb(47,175,125)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#2faf93
```
#2faf93 rgb(47,175,147)
```
#2faf9d
```
#2faf9d rgb(47,175,157)
```
#2fafa8
```
#2fafa8 rgb(47,175,168)
```

Similar Colors

Text with hexadecimal color #2faf88

This text has a font color of #2faf88.

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

#2faf88 background color

This paragraph has a background color of #2faf88.

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

#2faf88 border color

This element has a border color of #2faf88.

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

CSS codes

.text {color:#2faf88;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051410
```
#051410 rgb(5,20,16)
```
#0a241c
```
#0a241c rgb(10,36,28)
```
#0e3328
```
#0e3328 rgb(14,51,40)
```
#124334
```
#124334 rgb(18,67,52)
```
#165240
```
#165240 rgb(22,82,64)
```
#1a624c
```
#1a624c rgb(26,98,76)
```
#1e7158
```
#1e7158 rgb(30,113,88)
```
#238164
```
#238164 rgb(35,129,100)
```
#279070
```
#279070 rgb(39,144,112)
```
#2ba07c
```
#2ba07c rgb(43,160,124)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#33be94
```
#33be94 rgb(51,190,148)
```

Shade Color Variation

#3bca9f
```
#3bca9f rgb(59,202,159)
```
#4acea6
```
#4acea6 rgb(74,206,166)
```
#5ad3ae
```
#5ad3ae rgb(90,211,174)
```
#69d7b5
```
#69d7b5 rgb(105,215,181)
```
#79dbbd
```
#79dbbd rgb(121,219,189)
```
#88dfc5
```
#88dfc5 rgb(136,223,197)
```
#98e3cc
```
#98e3cc rgb(152,227,204)
```
#a7e7d4
```
#a7e7d4 rgb(167,231,212)
```
#b7ecdb
```
#b7ecdb rgb(183,236,219)
```
#c6f0e3
```
#c6f0e3 rgb(198,240,227)
```
#d6f4eb
```
#d6f4eb rgb(214,244,235)
```
#e5f8f2
```
#e5f8f2 rgb(229,248,242)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

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

#6b7371
```
#6b7371 rgb(107,115,113)
```
#627c74
```
#627c74 rgb(98,124,116)
```
#5a8477
```
#5a8477 rgb(90,132,119)
```
#518d7b
```
#518d7b rgb(81,141,123)
```
#49957e
```
#49957e rgb(73,149,126)
```
#409e81
```
#409e81 rgb(64,158,129)
```
#38a685
```
#38a685 rgb(56,166,133)
```
#2faf88
```
#2faf88 rgb(47,175,136)
```
#26b88b
```
#26b88b rgb(38,184,139)
```
#1ec08f
```
#1ec08f rgb(30,192,143)
```
#15c992
```
#15c992 rgb(21,201,146)
```
#0dd195
```
#0dd195 rgb(13,209,149)
```
#04da99
```
#04da99 rgb(4,218,153)
```

Tone Color Variation

Below, you can see how #2faf88 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

#848484 Achromatopsia 0.005% of the population
#738d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a085 Protanopia 1% of men
#b39b96 Deuteranopia 1% of men
#52adb9 Tritanopia 0.001% of the population

Trichromacy

#7da586 Protanomaly 1% of men, 0.01% of women
#83a291 Deuteranomaly 6% of men, 0.4% of women
#45ada7 Tritanomaly 0.01% of the population

#2faf88 hex color

#2faf88 Color Information

#2faf88 Color Conversion

Color Schemes with #2faf88

Alternatives to #2faf88

#2faf88 Preview

Shades and Tints of #2faf88

Tones of #2faf88

Color Blindness Simulator