#2dd158 hex color

In a RGB color space, hex #2dd158 is composed of 17.6% red, 82% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 57.9% yellow and 18% black. It has a hue angle of 135.7 degrees, a saturation of 64.6% and a lightness of 49.8%. #2dd158 color hex could be obtained by blending #5affb0 with #00a300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 18
- G 82
- B 35
RGB color chart
- C 78
- M 0
- Y 58
- K 18
CMYK color chart

● #2dd158 color description : Strong cyan - lime green.

The hexadecimal color #2dd158 has RGB values of R:45, G:209, B:88 and CMYK values of C:0.78, M:0, Y:0.58, K:0.18. Its decimal value is 3002712.

Hex triplet	2dd158	`#2dd158`
RGB Decimal	45, 209, 88	`rgb(45,209,88)`
RGB Percent	17.6, 82, 34.5	`rgb(17.6%,82%,34.5%)`
CMYK	78, 0, 58, 18
HSL	135.7°, 64.6, 49.8	`hsl(135.7,64.6%,49.8%)`
HSV (or HSB)	135.7°, 78.5, 82
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.101, -65.284, 47.809
XYZ	25.642, 46.861, 16.926
xyY	0.287, 0.524, 46.861
CIE-LCH	74.101, 80.918, 143.784
CIE-LUV	74.101, -63.797, 70.157
Hunter-Lab	68.455, -52.932, 33.259
Binary	00101101, 11010001, 01011000

#2dd158
```
#2dd158 rgb(45,209,88)
```
#d12da6
```
#d12da6 rgb(209,45,166)
```

Complementary Color

#54d12d
```
#54d12d rgb(84,209,45)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#2dd1aa
```
#2dd1aa rgb(45,209,170)
```

Analogous Color

#d12d54
```
#d12d54 rgb(209,45,84)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#aa2dd1
```
#aa2dd1 rgb(170,45,209)
```

Split Complementary Color

#d1582d
```
#d1582d rgb(209,88,45)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#582dd1
```
#582dd1 rgb(88,45,209)
```

Triadic Color

#a6d12d
```
#a6d12d rgb(166,209,45)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#582dd1
```
#582dd1 rgb(88,45,209)
```
#d12da6
```
#d12da6 rgb(209,45,166)
```

Tetradic Color

#1f923d
```
#1f923d rgb(31,146,61)
```
#24a746
```
#24a746 rgb(36,167,70)
```
#28bc4f
```
#28bc4f rgb(40,188,79)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#41d668
```
#41d668 rgb(65,214,104)
```
#56db79
```
#56db79 rgb(86,219,121)
```
#6bdf8a
```
#6bdf8a rgb(107,223,138)
```

Monochromatic Color

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

#2dd12f
```
#2dd12f rgb(45,209,47)
```
#2dd13d
```
#2dd13d rgb(45,209,61)
```
#2dd14a
```
#2dd14a rgb(45,209,74)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#2dd166
```
#2dd166 rgb(45,209,102)
```
#2dd173
```
#2dd173 rgb(45,209,115)
```
#2dd181
```
#2dd181 rgb(45,209,129)
```

Similar Colors

Text with hexadecimal color #2dd158

This text has a font color of #2dd158.

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

#2dd158 background color

This paragraph has a background color of #2dd158.

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

#2dd158 border color

This element has a border color of #2dd158.

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

CSS codes

.text {color:#2dd158;}

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

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

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

#030f06
```
#030f06 rgb(3,15,6)
```
#071f0d
```
#071f0d rgb(7,31,13)
```
#0a3014
```
#0a3014 rgb(10,48,20)
```
#0e401b
```
#0e401b rgb(14,64,27)
```
#115022
```
#115022 rgb(17,80,34)
```
#156028
```
#156028 rgb(21,96,40)
```
#18702f
```
#18702f rgb(24,112,47)
```
#1c8036
```
#1c8036 rgb(28,128,54)
```
#1f903d
```
#1f903d rgb(31,144,61)
```
#23a144
```
#23a144 rgb(35,161,68)
```
#26b14a
```
#26b14a rgb(38,177,74)
```
#2ac151
```
#2ac151 rgb(42,193,81)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```

Shade Color Variation

#3cd565
```
#3cd565 rgb(60,213,101)
```
#4dd971
```
#4dd971 rgb(77,217,113)
```
#5ddc7e
```
#5ddc7e rgb(93,220,126)
```
#6de08b
```
#6de08b rgb(109,224,139)
```
#7de398
```
#7de398 rgb(125,227,152)
```
#8de6a5
```
#8de6a5 rgb(141,230,165)
```
#9deab1
```
#9deab1 rgb(157,234,177)
```
#adedbe
```
#adedbe rgb(173,237,190)
```
#bef1cb
```
#bef1cb rgb(190,241,203)
```
#cef4d8
```
#cef4d8 rgb(206,244,216)
```
#def8e5
```
#def8e5 rgb(222,248,229)
```
#eefbf2
```
#eefbf2 rgb(238,251,242)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b837d is the less saturated color, while #06f845 is the most saturated one.

#7b837d
```
#7b837d rgb(123,131,125)
```
#718d79
```
#718d79 rgb(113,141,121)
```
#689674
```
#689674 rgb(104,150,116)
```
#5ea06f
```
#5ea06f rgb(94,160,111)
```
#54aa6b
```
#54aa6b rgb(84,170,107)
```
#4ab466
```
#4ab466 rgb(74,180,102)
```
#41bd61
```
#41bd61 rgb(65,189,97)
```
#37c75d
```
#37c75d rgb(55,199,93)
```
#2dd158
```
#2dd158 rgb(45,209,88)
```
#23db53
```
#23db53 rgb(35,219,83)
```
#19e54f
```
#19e54f rgb(25,229,79)
```
#10ee4a
```
#10ee4a rgb(16,238,74)
```
#06f845
```
#06f845 rgb(6,248,69)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e9f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdba58 Protanopia 1% of men
#e1b16d Deuteranopia 1% of men
#6ac7d5 Tritanopia 0.001% of the population

Trichromacy

#93c258 Protanomaly 1% of men, 0.01% of women
#9fbd65 Deuteranomaly 6% of men, 0.4% of women
#54caa7 Tritanomaly 0.01% of the population

#2dd158 hex color

#2dd158 Color Information

#2dd158 Color Conversion

Color Schemes with #2dd158

Alternatives to #2dd158

#2dd158 Preview

Shades and Tints of #2dd158

Tones of #2dd158

Color Blindness Simulator