#2ff696 hex color

In a RGB color space, hex #2ff696 is composed of 18.4% red, 96.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 39% yellow and 3.5% black. It has a hue angle of 151.1 degrees, a saturation of 91.7% and a lightness of 57.5%. #2ff696 color hex could be obtained by blending #5effff with #00ed2d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 96
- B 59
RGB color chart
- C 81
- M 0
- Y 39
- K 4
CMYK color chart

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

The hexadecimal color #2ff696 has RGB values of R:47, G:246, B:150 and CMYK values of C:0.81, M:0, Y:0.39, K:0.04. Its decimal value is 3143318.

Hex triplet	2ff696	`#2ff696`
RGB Decimal	47, 246, 150	`rgb(47,246,150)`
RGB Percent	18.4, 96.5, 58.8	`rgb(18.4%,96.5%,58.8%)`
CMYK	81, 0, 39, 4
HSL	151.1°, 91.7, 57.5	`hsl(151.1,91.7%,57.5%)`
HSV (or HSB)	151.1°, 80.9, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.362, -67.68, 33.215
XYZ	39.63, 68.714, 40.027
xyY	0.267, 0.463, 68.714
CIE-LCH	86.362, 75.391, 153.86
CIE-LUV	86.362, -72.612, 57.444
Hunter-Lab	82.894, -59.726, 29.396
Binary	00101111, 11110110, 10010110

#2ff696
```
#2ff696 rgb(47,246,150)
```
#f62f8f
```
#f62f8f rgb(246,47,143)
```

Complementary Color

#2ff633
```
#2ff633 rgb(47,246,51)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#2ff3f6
```
#2ff3f6 rgb(47,243,246)
```

Analogous Color

#f6332f
```
#f6332f rgb(246,51,47)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#f62ff3
```
#f62ff3 rgb(246,47,243)
```

Split Complementary Color

#f6962f
```
#f6962f rgb(246,150,47)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#962ff6
```
#962ff6 rgb(150,47,246)
```

Triadic Color

#8ff62f
```
#8ff62f rgb(143,246,47)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#962ff6
```
#962ff6 rgb(150,47,246)
```
#f62f8f
```
#f62f8f rgb(246,47,143)
```

Tetradic Color

#09d070
```
#09d070 rgb(9,208,112)
```
#0ae87d
```
#0ae87d rgb(10,232,125)
```
#17f58a
```
#17f58a rgb(23,245,138)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#47f7a2
```
#47f7a2 rgb(71,247,162)
```
#60f8af
```
#60f8af rgb(96,248,175)
```
#78f9bb
```
#78f9bb rgb(120,249,187)
```

Monochromatic Color

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

#2ff664
```
#2ff664 rgb(47,246,100)
```
#2ff675
```
#2ff675 rgb(47,246,117)
```
#2ff685
```
#2ff685 rgb(47,246,133)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#2ff6a7
```
#2ff6a7 rgb(47,246,167)
```
#2ff6b7
```
#2ff6b7 rgb(47,246,183)
```
#2ff6c8
```
#2ff6c8 rgb(47,246,200)
```

Similar Colors

Text with hexadecimal color #2ff696

This text has a font color of #2ff696.

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

#2ff696 background color

This paragraph has a background color of #2ff696.

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

#2ff696 border color

This element has a border color of #2ff696.

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

CSS codes

.text {color:#2ff696;}

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

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

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

#011209
```
#011209 rgb(1,18,9)
```
#022414
```
#022414 rgb(2,36,20)
```
#02371e
```
#02371e rgb(2,55,30)
```
#034a28
```
#034a28 rgb(3,74,40)
```
#045d32
```
#045d32 rgb(4,93,50)
```
#05703c
```
#05703c rgb(5,112,60)
```
#068246
```
#068246 rgb(6,130,70)
```
#069550
```
#069550 rgb(6,149,80)
```
#07a85a
```
#07a85a rgb(7,168,90)
```
#08bb65
```
#08bb65 rgb(8,187,101)
```
#09ce6f
```
#09ce6f rgb(9,206,111)
```
#0ae079
```
#0ae079 rgb(10,224,121)
```
#0bf383
```
#0bf383 rgb(11,243,131)
```

Shade Color Variation

#1cf58d
```
#1cf58d rgb(28,245,141)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#42f79f
```
#42f79f rgb(66,247,159)
```
#55f8a9
```
#55f8a9 rgb(85,248,169)
```
#67f8b2
```
#67f8b2 rgb(103,248,178)
```
#7af9bc
```
#7af9bc rgb(122,249,188)
```
#8dfac5
```
#8dfac5 rgb(141,250,197)
```
#a0fbcf
```
#a0fbcf rgb(160,251,207)
```
#b3fcd8
```
#b3fcd8 rgb(179,252,216)
```
#c5fde2
```
#c5fde2 rgb(197,253,226)
```
#d8fdeb
```
#d8fdeb rgb(216,253,235)
```
#ebfef5
```
#ebfef5 rgb(235,254,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9a93 is the less saturated color, while #27fe96 is the most saturated one.

#8b9a93
```
#8b9a93 rgb(139,154,147)
```
#82a393
```
#82a393 rgb(130,163,147)
```
#7aab93
```
#7aab93 rgb(122,171,147)
```
#72b394
```
#72b394 rgb(114,179,148)
```
#69bc94
```
#69bc94 rgb(105,188,148)
```
#61c494
```
#61c494 rgb(97,196,148)
```
#59cc95
```
#59cc95 rgb(89,204,149)
```
#50d595
```
#50d595 rgb(80,213,149)
```
#48dd95
```
#48dd95 rgb(72,221,149)
```
#40e595
```
#40e595 rgb(64,229,149)
```
#37ee96
```
#37ee96 rgb(55,238,150)
```
#2ff696
```
#2ff696 rgb(47,246,150)
```
#27fe96
```
#27fe96 rgb(39,254,150)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96beab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecda90 Protanopia 1% of men
#ffd1a8 Deuteranopia 1% of men
#72eafb Tritanopia 0.001% of the population

Trichromacy

#a7e492 Protanomaly 1% of men, 0.01% of women
#b3dea1 Deuteranomaly 6% of men, 0.4% of women
#59eed6 Tritanomaly 0.01% of the population

#2ff696 hex color

#2ff696 Color Information

#2ff696 Color Conversion

Color Schemes with #2ff696

Alternatives to #2ff696

#2ff696 Preview

Shades and Tints of #2ff696

Tones of #2ff696

Color Blindness Simulator