#2ff895 hex color

In a RGB color space, hex #2ff895 is composed of 18.4% red, 97.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 39.9% yellow and 2.7% black. It has a hue angle of 150.4 degrees, a saturation of 93.5% and a lightness of 57.8%. #2ff895 color hex could be obtained by blending #5effff with #00f12b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 97
- B 58
RGB color chart
- C 81
- M 0
- Y 40
- K 3
CMYK color chart

● #2ff895 color description : Bright cyan - lime green.

The hexadecimal color #2ff895 has RGB values of R:47, G:248, B:149 and CMYK values of C:0.81, M:0, Y:0.4, K:0.03. Its decimal value is 3143829.

Hex triplet	2ff895	`#2ff895`
RGB Decimal	47, 248, 149	`rgb(47,248,149)`
RGB Percent	18.4, 97.3, 58.4	`rgb(18.4%,97.3%,58.4%)`
CMYK	81, 0, 40, 3
HSL	150.4°, 93.5, 57.8	`hsl(150.4,93.5%,57.8%)`
HSV (or HSB)	150.4°, 81, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.95, -68.553, 34.49
XYZ	40.162, 69.905, 39.808
xyY	0.268, 0.466, 69.905
CIE-LCH	86.95, 76.74, 153.292
CIE-LUV	86.95, -73.328, 59.241
Hunter-Lab	83.609, -60.574, 30.297
Binary	00101111, 11111000, 10010101

#2ff895
```
#2ff895 rgb(47,248,149)
```
#f82f92
```
#f82f92 rgb(248,47,146)
```

Complementary Color

#2ff831
```
#2ff831 rgb(47,248,49)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#2ff7f8
```
#2ff7f8 rgb(47,247,248)
```

Analogous Color

#f8312f
```
#f8312f rgb(248,49,47)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#f82ff7
```
#f82ff7 rgb(248,47,247)
```

Split Complementary Color

#f8952f
```
#f8952f rgb(248,149,47)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#952ff8
```
#952ff8 rgb(149,47,248)
```

Triadic Color

#92f82f
```
#92f82f rgb(146,248,47)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#952ff8
```
#952ff8 rgb(149,47,248)
```
#f82f92
```
#f82f92 rgb(248,47,146)
```

Tetradic Color

#07d36f
```
#07d36f rgb(7,211,111)
```
#08ec7c
```
#08ec7c rgb(8,236,124)
```
#16f788
```
#16f788 rgb(22,247,136)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#48f9a2
```
#48f9a2 rgb(72,249,162)
```
#60faae
```
#60faae rgb(96,250,174)
```
#79fabb
```
#79fabb rgb(121,250,187)
```

Monochromatic Color

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

#2ff863
```
#2ff863 rgb(47,248,99)
```
#2ff874
```
#2ff874 rgb(47,248,116)
```
#2ff884
```
#2ff884 rgb(47,248,132)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#2ff8a6
```
#2ff8a6 rgb(47,248,166)
```
#2ff8b7
```
#2ff8b7 rgb(47,248,183)
```
#2ff8c7
```
#2ff8c7 rgb(47,248,199)
```

Similar Colors

Text with hexadecimal color #2ff895

This text has a font color of #2ff895.

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

#2ff895 background color

This paragraph has a background color of #2ff895.

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

#2ff895 border color

This element has a border color of #2ff895.

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

CSS codes

.text {color:#2ff895;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#01140a
```
#01140a rgb(1,20,10)
```
#012714
```
#012714 rgb(1,39,20)
```
#023a1e
```
#023a1e rgb(2,58,30)
```
#034d28
```
#034d28 rgb(3,77,40)
```
#036032
```
#036032 rgb(3,96,50)
```
#04733c
```
#04733c rgb(4,115,60)
```
#048646
```
#048646 rgb(4,134,70)
```
#059950
```
#059950 rgb(5,153,80)
```
#06ac5a
```
#06ac5a rgb(6,172,90)
```
#06bf64
```
#06bf64 rgb(6,191,100)
```
#07d16e
```
#07d16e rgb(7,209,110)
```
#08e478
```
#08e478 rgb(8,228,120)
```

Shade Color Variation

#09f782
```
#09f782 rgb(9,247,130)
```
#1cf78b
```
#1cf78b rgb(28,247,139)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```
#42f99f
```
#42f99f rgb(66,249,159)
```
#55f9a8
```
#55f9a8 rgb(85,249,168)
```
#68fab2
```
#68fab2 rgb(104,250,178)
```
#7bfbbc
```
#7bfbbc rgb(123,251,188)
```
#8efbc5
```
#8efbc5 rgb(142,251,197)
```
#a1fccf
```
#a1fccf rgb(161,252,207)
```
#b4fcd9
```
#b4fcd9 rgb(180,252,217)
```
#c7fde2
```
#c7fde2 rgb(199,253,226)
```
#dafeec
```
#dafeec rgb(218,254,236)
```
#edfef6
```
#edfef6 rgb(237,254,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929594 is the less saturated color, while #2ff895 is the most saturated one.

#929594
```
#929594 rgb(146,149,148)
```
#8a9d94
```
#8a9d94 rgb(138,157,148)
```
#82a594
```
#82a594 rgb(130,165,148)
```
#79ae94
```
#79ae94 rgb(121,174,148)
```
#71b694
```
#71b694 rgb(113,182,148)
```
#69be94
```
#69be94 rgb(105,190,148)
```
#61c694
```
#61c694 rgb(97,198,148)
```
#58cf94
```
#58cf94 rgb(88,207,148)
```
#50d795
```
#50d795 rgb(80,215,149)
```
#48df95
```
#48df95 rgb(72,223,149)
```
#40e795
```
#40e795 rgb(64,231,149)
```
#37f095
```
#37f095 rgb(55,240,149)
```
#2ff895
```
#2ff895 rgb(47,248,149)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97bfab Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedb8f Protanopia 1% of men
#ffd3ac Deuteranopia 1% of men
#73ecfd Tritanopia 0.001% of the population

Trichromacy

#a8e591 Protanomaly 1% of men, 0.01% of women
#b3e0a3 Deuteranomaly 6% of men, 0.4% of women
#5af0d7 Tritanomaly 0.01% of the population

#2ff895 hex color

#2ff895 Color Information

#2ff895 Color Conversion

Color Schemes with #2ff895

Alternatives to #2ff895

#2ff895 Preview

Shades and Tints of #2ff895

Tones of #2ff895

Color Blindness Simulator