colorhexa.com

#2fae75 hex color

In a RGB color space, hex #2fae75 is composed of 18.4% red, 68.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 32.8% yellow and 31.8% black. It has a hue angle of 153.1 degrees, a saturation of 57.5% and a lightness of 43.3%. #2fae75 color hex could be obtained by blending #5effea with #005d00. Closest websafe color is: #339966.

- R 18
- G 68
- B 46
RGB color chart
- C 73
- M 0
- Y 33
- K 32
CMYK color chart

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

The hexadecimal color #2fae75 has RGB values of R:47, G:174, B:117 and CMYK values of C:0.73, M:0, Y:0.33, K:0.32. Its decimal value is 3124853.

Hex triplet	2fae75	`#2fae75`
RGB Decimal	47, 174, 117	`rgb(47,174,117)`
RGB Percent	18.4, 68.2, 45.9	`rgb(18.4%,68.2%,45.9%)`
CMYK	73, 0, 33, 32
HSL	153.1°, 57.5, 43.3	`hsl(153.1,57.5%,43.3%)`
HSV (or HSB)	153.1°, 73, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.474, -47.575, 19.652
XYZ	19.518, 32.159, 22.007
xyY	0.265, 0.436, 32.159
CIE-LCH	63.474, 51.474, 157.556
CIE-LUV	63.474, -49.817, 34.073
Hunter-Lab	56.709, -37.805, 16.687
Binary	00101111, 10101110, 01110101

#2fae75
```
#2fae75 rgb(47,174,117)
```
#ae2f68
```
#ae2f68 rgb(174,47,104)
```

Complementary Color

#2fae36
```
#2fae36 rgb(47,174,54)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#2fa8ae
```
#2fa8ae rgb(47,168,174)
```

Analogous Color

#ae362f
```
#ae362f rgb(174,54,47)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#ae2fa8
```
#ae2fa8 rgb(174,47,168)
```

Split Complementary Color

#ae752f
```
#ae752f rgb(174,117,47)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#752fae
```
#752fae rgb(117,47,174)
```

Triadic Color

#68ae2f
```
#68ae2f rgb(104,174,47)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#752fae
```
#752fae rgb(117,47,174)
```
#ae2f68
```
#ae2f68 rgb(174,47,104)
```

Tetradic Color

#1f724d
```
#1f724d rgb(31,114,77)
```
#24865a
```
#24865a rgb(36,134,90)
```
#2a9a68
```
#2a9a68 rgb(42,154,104)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#34c283
```
#34c283 rgb(52,194,131)
```
#44cc8f
```
#44cc8f rgb(68,204,143)
```
#58d29b
```
#58d29b rgb(88,210,155)
```

Monochromatic Color

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

#2fae55
```
#2fae55 rgb(47,174,85)
```
#2fae60
```
#2fae60 rgb(47,174,96)
```
#2fae6a
```
#2fae6a rgb(47,174,106)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#2fae80
```
#2fae80 rgb(47,174,128)
```
#2fae8a
```
#2fae8a rgb(47,174,138)
```
#2fae95
```
#2fae95 rgb(47,174,149)
```

Similar Colors

Text with hexadecimal color #2fae75

This text has a font color of #2fae75.

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

#2fae75 background color

This paragraph has a background color of #2fae75.

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

#2fae75 border color

This element has a border color of #2fae75.

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

CSS codes

.text {color:#2fae75;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#05140d
```
#05140d rgb(5,20,13)
```
#092318
```
#092318 rgb(9,35,24)
```
#0e3222
```
#0e3222 rgb(14,50,34)
```
#12422c
```
#12422c rgb(18,66,44)
```
#165137
```
#165137 rgb(22,81,55)
```
#1a6141
```
#1a6141 rgb(26,97,65)
```
#1e704b
```
#1e704b rgb(30,112,75)
```
#228056
```
#228056 rgb(34,128,86)
```
#278f60
```
#278f60 rgb(39,143,96)
```
#2b9f6b
```
#2b9f6b rgb(43,159,107)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#33bd7f
```
#33bd7f rgb(51,189,127)
```

Shade Color Variation

#3aca89
```
#3aca89 rgb(58,202,137)
```
#4ace93
```
#4ace93 rgb(74,206,147)
```
#59d29c
```
#59d29c rgb(89,210,156)
```
#69d6a5
```
#69d6a5 rgb(105,214,165)
```
#78dbae
```
#78dbae rgb(120,219,174)
```
#88dfb8
```
#88dfb8 rgb(136,223,184)
```
#97e3c1
```
#97e3c1 rgb(151,227,193)
```
#a6e7ca
```
#a6e7ca rgb(166,231,202)
```
#b6ebd3
```
#b6ebd3 rgb(182,235,211)
```
#c5efdd
```
#c5efdd rgb(197,239,221)
```
#d5f4e6
```
#d5f4e6 rgb(213,244,230)
```
#e4f8ef
```
#e4f8ef rgb(228,248,239)
```
#f4fcf8
```
#f4fcf8 rgb(244,252,248)
```

Tint Color Variation

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

#6b736f
```
#6b736f rgb(107,115,111)
```
#627b70
```
#627b70 rgb(98,123,112)
```
#5a8471
```
#5a8471 rgb(90,132,113)
```
#518c72
```
#518c72 rgb(81,140,114)
```
#499572
```
#499572 rgb(73,149,114)
```
#409d73
```
#409d73 rgb(64,157,115)
```
#38a674
```
#38a674 rgb(56,166,116)
```
#2fae75
```
#2fae75 rgb(47,174,117)
```
#27b776
```
#27b776 rgb(39,183,118)
```
#1ebf77
```
#1ebf77 rgb(30,191,119)
```
#16c878
```
#16c878 rgb(22,200,120)
```
#0dd078
```
#0dd078 rgb(13,208,120)
```
#04d979
```
#04d979 rgb(4,217,121)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#718b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e74 Protanopia 1% of men
#b69984 Deuteranopia 1% of men
#57aab7 Tritanopia 0.001% of the population

Trichromacy

#7da474 Protanomaly 1% of men, 0.01% of women
#85a07f Deuteranomaly 6% of men, 0.4% of women
#48ab9f Tritanomaly 0.01% of the population