#2dd774 color information
In a RGB color space, hex #2dd774 is composed of 17.6% red, 84.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 46% yellow and 15.7% black. It has a hue angle of 145.1 degrees, a saturation of 68% and a lightness of 51%. #2dd774 color hex could be obtained by blending #5affe8 with #00af00. Closest websafe color is: #33cc66.
#2dd774 color conversion
The hexadecimal color #2dd774 has RGB values of R:45, G:215, B:116 and CMYK values of C:0.79, M:0, Y:0.46, K:0.16. Its decimal value is 3004276.
- Hex triplet 2dd774
#2dd774 - RGB Decimal 45, 215, 116
rgb(45,215,116) - RGB Percent 17.6, 84.3, 45.5
rgb(17.6%,84.3%,45.5%) - CMYK 79, 0, 46, 16
- HSL 145.1°, 68, 51
hsl(145,68%,51%) - HSV (or HSB) 145.1°, 79.1, 84.3
- Web Safe 33cc66
#33cc66
- CIE-LAB 76.324, -63.159, 37.122
- XYZ 28.533, 50.417, 24.75
- xyY 0.275, 0.486, 50.417
- CIE-LCH 76.324, 73.261, 149.555
- CIE-LUV 76.324, -64.473, 59.409
- Hunter-Lab 71.005, -52.529, 29.037
- Binary 00101101, 11010111, 01110100
Color Schemes with #2dd774
#2dd774 in action
This text has a font color of #2dd774.
<span style="color:#2dd774;">Text here</span>
This paragraph has a background color of #2dd774.
<p style="background-color:#2dd774;">Content here</p>
This element has a border color of #2dd774.
<div style="border:1px solid #2dd774;">Content here</div>
.text {color:#2dd774;}
.background {background-color:#2dd774;}
.border {border:1px solid #2dd774;}
Shades of #2dd774
- #04150b #04150b
rgb(4,21,11) - #0a361c #0a361c
rgb(10,54,28) - #10572e #10572e
rgb(16,87,46) - #17783f #17783f
rgb(23,120,63) - #1d9851 #1d9851
rgb(29,152,81) - #23b962 #23b962
rgb(35,185,98) - #2dd774 #2dd774
rgb(45,215,116) - #4edd8a #4edd8a
rgb(78,221,138) - #6fe4a0 #6fe4a0
rgb(111,228,160) - #90eab5 #90eab5
rgb(144,234,181) - #b1f0cb #b1f0cb
rgb(177,240,203) - #d2f6e1 #d2f6e1
rgb(210,246,225) - #f3fdf7 #f3fdf7
rgb(243,253,247)
Color Blindness Simulator
Below, you can see how #2dd774 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.
