#2df886 hex color

In a RGB color space, hex #2df886 is composed of 17.6% red, 97.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 46% yellow and 2.7% black. It has a hue angle of 146.3 degrees, a saturation of 93.5% and a lightness of 57.5%. #2df886 color hex could be obtained by blending #5affff with #00f10d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 97
- B 53
RGB color chart
- C 82
- M 0
- Y 46
- K 3
CMYK color chart

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

The hexadecimal color #2df886 has RGB values of R:45, G:248, B:134 and CMYK values of C:0.82, M:0, Y:0.46, K:0.03. Its decimal value is 3012742.

Hex triplet	2df886	`#2df886`
RGB Decimal	45, 248, 134	`rgb(45,248,134)`
RGB Percent	17.6, 97.3, 52.5	`rgb(17.6%,97.3%,52.5%)`
CMYK	82, 0, 46, 3
HSL	146.3°, 93.5, 57.5	`hsl(146.3,93.5%,57.5%)`
HSV (or HSB)	146.3°, 81.9, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.707, -71.314, 41.53
XYZ	38.95, 69.41, 33.898
xyY	0.274, 0.488, 69.41
CIE-LCH	86.707, 82.526, 149.785
CIE-LUV	86.707, -74.401, 67.923
Hunter-Lab	83.313, -62.345, 34.195
Binary	00101101, 11111000, 10000110

#2df886
```
#2df886 rgb(45,248,134)
```
#f82d9f
```
#f82d9f rgb(248,45,159)
```

Complementary Color

#3af82d
```
#3af82d rgb(58,248,45)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```

Analogous Color

#f82d39
```
#f82d39 rgb(248,45,57)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#ec2df8
```
#ec2df8 rgb(236,45,248)
```

Split Complementary Color

#f8862d
```
#f8862d rgb(248,134,45)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#862df8
```
#862df8 rgb(134,45,248)
```

Triadic Color

#9ff82d
```
#9ff82d rgb(159,248,45)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#862df8
```
#862df8 rgb(134,45,248)
```
#f82d9f
```
#f82d9f rgb(248,45,159)
```

Tetradic Color

#07d260
```
#07d260 rgb(7,210,96)
```
#08ea6b
```
#08ea6b rgb(8,234,107)
```
#14f778
```
#14f778 rgb(20,247,120)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#46f994
```
#46f994 rgb(70,249,148)
```
#5efaa2
```
#5efaa2 rgb(94,250,162)
```
#77fab1
```
#77fab1 rgb(119,250,177)
```

Monochromatic Color

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

#2df853
```
#2df853 rgb(45,248,83)
```
#2df864
```
#2df864 rgb(45,248,100)
```
#2df875
```
#2df875 rgb(45,248,117)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#2df897
```
#2df897 rgb(45,248,151)
```
#2df8a8
```
#2df8a8 rgb(45,248,168)
```
#2df8b9
```
#2df8b9 rgb(45,248,185)
```

Similar Colors

Text with hexadecimal color #2df886

This text has a font color of #2df886.

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

#2df886 background color

This paragraph has a background color of #2df886.

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

#2df886 border color

This element has a border color of #2df886.

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

CSS codes

.text {color:#2df886;}

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

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

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

#011208
```
#011208 rgb(1,18,8)
```
#012511
```
#012511 rgb(1,37,17)
```
#023819
```
#023819 rgb(2,56,25)
```
#024b22
```
#024b22 rgb(2,75,34)
```
#035e2b
```
#035e2b rgb(3,94,43)
```
#047134
```
#047134 rgb(4,113,52)
```
#04843c
```
#04843c rgb(4,132,60)
```
#059745
```
#059745 rgb(5,151,69)
```
#06aa4e
```
#06aa4e rgb(6,170,78)
```
#06bd56
```
#06bd56 rgb(6,189,86)
```
#07d05f
```
#07d05f rgb(7,208,95)
```
#08e368
```
#08e368 rgb(8,227,104)
```
#08f670
```
#08f670 rgb(8,246,112)
```

Shade Color Variation

#1af77b
```
#1af77b rgb(26,247,123)
```
#2df886
```
#2df886 rgb(45,248,134)
```
#40f991
```
#40f991 rgb(64,249,145)
```
#53f99c
```
#53f99c rgb(83,249,156)
```
#66faa7
```
#66faa7 rgb(102,250,167)
```
#79fbb2
```
#79fbb2 rgb(121,251,178)
```
#8cfbbd
```
#8cfbbd rgb(140,251,189)
```
#9ffcc8
```
#9ffcc8 rgb(159,252,200)
```
#b2fcd3
```
#b2fcd3 rgb(178,252,211)
```
#c5fdde
```
#c5fdde rgb(197,253,222)
```
#d8fee8
```
#d8fee8 rgb(216,254,232)
```
#ebfef3
```
#ebfef3 rgb(235,254,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#919492
```
#919492 rgb(145,148,146)
```
#899c91
```
#899c91 rgb(137,156,145)
```
#80a590
```
#80a590 rgb(128,165,144)
```
#78ad8f
```
#78ad8f rgb(120,173,143)
```
#70b58e
```
#70b58e rgb(112,181,142)
```
#67be8d
```
#67be8d rgb(103,190,141)
```
#5fc68c
```
#5fc68c rgb(95,198,140)
```
#57ce8b
```
#57ce8b rgb(87,206,139)
```
#4ed78a
```
#4ed78a rgb(78,215,138)
```
#46df89
```
#46df89 rgb(70,223,137)
```
#3ee788
```
#3ee788 rgb(62,231,136)
```
#35f087
```
#35f087 rgb(53,240,135)
```
#2df886
```
#2df886 rgb(45,248,134)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94bda6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdb81 Protanopia 1% of men
#ffd3a4 Deuteranopia 1% of men
#75ebfc Tritanopia 0.001% of the population

Trichromacy

#a8e583 Protanomaly 1% of men, 0.01% of women
#b2e099 Deuteranomaly 6% of men, 0.4% of women
#5befd1 Tritanomaly 0.01% of the population

#2df886 hex color

#2df886 Color Information

#2df886 Color Conversion

Color Schemes with #2df886

Alternatives to #2df886

#2df886 Preview

Shades and Tints of #2df886

Tones of #2df886

Color Blindness Simulator