colorhexa.com

#2ddc1f hex color

In a RGB color space, hex #2ddc1f is composed of 17.6% red, 86.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 85.9% yellow and 13.7% black. It has a hue angle of 115.6 degrees, a saturation of 75.3% and a lightness of 49.2%. #2ddc1f color hex could be obtained by blending #5aff3e with #00b900. Closest websafe color is: #33cc33.

- R 18
- G 86
- B 12
RGB color chart
- C 80
- M 0
- Y 86
- K 14
CMYK color chart

● #2ddc1f color description : Vivid lime green.

The hexadecimal color #2ddc1f has RGB values of R:45, G:220, B:31 and CMYK values of C:0.8, M:0, Y:0.86, K:0.14. Its decimal value is 3005471.

Hex triplet	2ddc1f	`#2ddc1f`
RGB Decimal	45, 220, 31	`rgb(45,220,31)`
RGB Percent	17.6, 86.3, 12.2	`rgb(17.6%,86.3%,12.2%)`
CMYK	80, 0, 86, 14
HSL	115.6°, 75.3, 49.2	`hsl(115.6,75.3%,49.2%)`
HSV (or HSB)	115.6°, 85.9, 86.3
Web Safe	33cc33	`#33cc33`

CIE-LAB	77.185, -73.297, 70.78
XYZ	26.921, 51.84, 9.884
xyY	0.304, 0.585, 51.84
CIE-LCH	77.185, 101.893, 136.001
CIE-LUV	77.185, -68.983, 91.283
Hunter-Lab	72, -59.258, 42.261
Binary	00101101, 11011100, 00011111

#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#ce1fdc
```
#ce1fdc rgb(206,31,220)
```

Complementary Color

#8cdc1f
```
#8cdc1f rgb(140,220,31)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#1fdc70
```
#1fdc70 rgb(31,220,112)
```

Analogous Color

#dc1f8c
```
#dc1f8c rgb(220,31,140)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#701fdc
```
#701fdc rgb(112,31,220)
```

Split Complementary Color

#dc1f2d
```
#dc1f2d rgb(220,31,45)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#1f2ddc
```
#1f2ddc rgb(31,45,220)
```

Triadic Color

#dcce1f
```
#dcce1f rgb(220,206,31)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#1f2ddc
```
#1f2ddc rgb(31,45,220)
```
#ce1fdc
```
#ce1fdc rgb(206,31,220)
```

Tetradic Color

#1f9916
```
#1f9916 rgb(31,153,22)
```
#24af19
```
#24af19 rgb(36,175,25)
```
#28c61c
```
#28c61c rgb(40,198,28)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#3fe232
```
#3fe232 rgb(63,226,50)
```
#54e549
```
#54e549 rgb(84,229,73)
```
#69e85f
```
#69e85f rgb(105,232,95)
```

Monochromatic Color

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

#5cdc1f
```
#5cdc1f rgb(92,220,31)
```
#4ddc1f
```
#4ddc1f rgb(77,220,31)
```
#3ddc1f
```
#3ddc1f rgb(61,220,31)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#1fdc21
```
#1fdc21 rgb(31,220,33)
```
#1fdc30
```
#1fdc30 rgb(31,220,48)
```
#1fdc40
```
#1fdc40 rgb(31,220,64)
```

Similar Colors

Text with hexadecimal color #2ddc1f

This text has a font color of #2ddc1f.

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

#2ddc1f background color

This paragraph has a background color of #2ddc1f.

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

#2ddc1f border color

This element has a border color of #2ddc1f.

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

CSS codes

.text {color:#2ddc1f;}

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

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

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

#030e02
```
#030e02 rgb(3,14,2)
```
#061f04
```
#061f04 rgb(6,31,4)
```
#0a3007
```
#0a3007 rgb(10,48,7)
```
#0d4109
```
#0d4109 rgb(13,65,9)
```
#11520c
```
#11520c rgb(17,82,12)
```
#14640e
```
#14640e rgb(20,100,14)
```
#187510
```
#187510 rgb(24,117,16)
```
#1b8613
```
#1b8613 rgb(27,134,19)
```
#1f9715
```
#1f9715 rgb(31,151,21)
```
#22a818
```
#22a818 rgb(34,168,24)
```
#26ba1a
```
#26ba1a rgb(38,186,26)
```
#29cb1d
```
#29cb1d rgb(41,203,29)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```

Shade Color Variation

#3be12d
```
#3be12d rgb(59,225,45)
```
#4be43e
```
#4be43e rgb(75,228,62)
```
#5be650
```
#5be650 rgb(91,230,80)
```
#6be961
```
#6be961 rgb(107,233,97)
```
#7beb72
```
#7beb72 rgb(123,235,114)
```
#8bee83
```
#8bee83 rgb(139,238,131)
```
#9bf094
```
#9bf094 rgb(155,240,148)
```
#abf2a6
```
#abf2a6 rgb(171,242,166)
```
#bbf5b7
```
#bbf5b7 rgb(187,245,183)
```
#cbf7c8
```
#cbf7c8 rgb(203,247,200)
```
#dcfad9
```
#dcfad9 rgb(220,250,217)
```
#ecfcea
```
#ecfcea rgb(236,252,234)
```
#fcfffb
```
#fcfffb rgb(252,255,251)
```

Tint Color Variation

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

#778576
```
#778576 rgb(119,133,118)
```
#6f8f6c
```
#6f8f6c rgb(111,143,108)
```
#679863
```
#679863 rgb(103,152,99)
```
#5ea259
```
#5ea259 rgb(94,162,89)
```
#56ac4f
```
#56ac4f rgb(86,172,79)
```
#4eb546
```
#4eb546 rgb(78,181,70)
```
#46bf3c
```
#46bf3c rgb(70,191,60)
```
#3dc932
```
#3dc932 rgb(61,201,50)
```
#35d229
```
#35d229 rgb(53,210,41)
```
#2ddc1f
```
#2ddc1f rgb(45,220,31)
```
#25e615
```
#25e615 rgb(37,230,21)
```
#1def0c
```
#1def0c rgb(29,239,12)
```
#14f902
```
#14f902 rgb(20,249,2)
```

Tone Color Variation

Below, you can see how #2ddc1f 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
#7ea17b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c222 Protanopia 1% of men
#f0b843 Deuteranopia 1% of men
#73cfde Tritanopia 0.001% of the population

Trichromacy

#9acb21 Protanomaly 1% of men, 0.01% of women
#a9c536 Deuteranomaly 6% of men, 0.4% of women
#5ad398 Tritanomaly 0.01% of the population