#45ec30 hex color

In a RGB color space, hex #45ec30 is composed of 27.1% red, 92.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 79.7% yellow and 7.5% black. It has a hue angle of 113.3 degrees, a saturation of 83.2% and a lightness of 55.7%. #45ec30 color hex could be obtained by blending #8aff60 with #00d900. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 27
- G 93
- B 19
RGB color chart
- C 71
- M 0
- Y 80
- K 7
CMYK color chart

● #45ec30 color description : Bright lime green.

The hexadecimal color #45ec30 has RGB values of R:69, G:236, B:48 and CMYK values of C:0.71, M:0, Y:0.8, K:0.07. Its decimal value is 4582448.

Hex triplet	45ec30	`#45ec30`
RGB Decimal	69, 236, 48	`rgb(69,236,48)`
RGB Percent	27.1, 92.5, 18.8	`rgb(27.1%,92.5%,18.8%)`
CMYK	71, 0, 80, 7
HSL	113.3°, 83.2, 55.7	`hsl(113.3,83.2%,55.7%)`
HSV (or HSB)	113.3°, 79.7, 92.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	82.629, -73.768, 71.764
XYZ	32.981, 61.466, 12.922
xyY	0.307, 0.572, 61.466
CIE-LCH	82.629, 102.917, 135.789
CIE-LUV	82.629, -69.911, 94.897
Hunter-Lab	78.4, -62.109, 45.108
Binary	01000101, 11101100, 00110000

#45ec30
```
#45ec30 rgb(69,236,48)
```
#d730ec
```
#d730ec rgb(215,48,236)
```

Complementary Color

#a3ec30
```
#a3ec30 rgb(163,236,48)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#30ec79
```
#30ec79 rgb(48,236,121)
```

Analogous Color

#ec30a3
```
#ec30a3 rgb(236,48,163)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#7930ec
```
#7930ec rgb(121,48,236)
```

Split Complementary Color

#ec3045
```
#ec3045 rgb(236,48,69)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#3045ec
```
#3045ec rgb(48,69,236)
```

Triadic Color

#ecd730
```
#ecd730 rgb(236,215,48)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#3045ec
```
#3045ec rgb(48,69,236)
```
#d730ec
```
#d730ec rgb(215,48,236)
```

Tetradic Color

#25be11
```
#25be11 rgb(37,190,17)
```
#29d514
```
#29d514 rgb(41,213,20)
```
#30ea19
```
#30ea19 rgb(48,234,25)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#5aee47
```
#5aee47 rgb(90,238,71)
```
#6ff05f
```
#6ff05f rgb(111,240,95)
```
#84f276
```
#84f276 rgb(132,242,118)
```

Monochromatic Color

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

#74ec30
```
#74ec30 rgb(116,236,48)
```
#64ec30
```
#64ec30 rgb(100,236,48)
```
#55ec30
```
#55ec30 rgb(85,236,48)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#35ec30
```
#35ec30 rgb(53,236,48)
```
#30ec3a
```
#30ec3a rgb(48,236,58)
```
#30ec4a
```
#30ec4a rgb(48,236,74)
```

Similar Colors

Text with hexadecimal color #45ec30

This text has a font color of #45ec30.

<span style="color:#45ec30;">Text here</span>

#45ec30 background color

This paragraph has a background color of #45ec30.

<p style="background-color:#45ec30;">Content here</p>

#45ec30 border color

This element has a border color of #45ec30.

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

CSS codes

.text {color:#45ec30;}

.background {background-color:#45ec30;}

.border {border:1px solid #45ec30;}

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

#020901
```
#020901 rgb(2,9,1)
```
#051b02
```
#051b02 rgb(5,27,2)
```
#092d04
```
#092d04 rgb(9,45,4)
```
#0c3e06
```
#0c3e06 rgb(12,62,6)
```
#105007
```
#105007 rgb(16,80,7)
```
#136209
```
#136209 rgb(19,98,9)
```
#16740b
```
#16740b rgb(22,116,11)
```
#1a860c
```
#1a860c rgb(26,134,12)
```
#1d980e
```
#1d980e rgb(29,152,14)
```
#21aa10
```
#21aa10 rgb(33,170,16)
```
#24bc11
```
#24bc11 rgb(36,188,17)
```
#28ce13
```
#28ce13 rgb(40,206,19)
```
#2be015
```
#2be015 rgb(43,224,21)
```

Shade Color Variation

#35ea1e
```
#35ea1e rgb(53,234,30)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#55ee42
```
#55ee42 rgb(85,238,66)
```
#65ef54
```
#65ef54 rgb(101,239,84)
```
#75f166
```
#75f166 rgb(117,241,102)
```
#86f378
```
#86f378 rgb(134,243,120)
```
#96f48a
```
#96f48a rgb(150,244,138)
```
#a6f69c
```
#a6f69c rgb(166,246,156)
```
#b6f8ae
```
#b6f8ae rgb(182,248,174)
```
#c6f9c0
```
#c6f9c0 rgb(198,249,192)
```
#d6fbd2
```
#d6fbd2 rgb(214,251,210)
```
#e6fce4
```
#e6fce4 rgb(230,252,228)
```
#f7fef6
```
#f7fef6 rgb(247,254,246)
```

Tint Color Variation

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

#899587
```
#899587 rgb(137,149,135)
```
#829e7e
```
#829e7e rgb(130,158,126)
```
#7ba676
```
#7ba676 rgb(123,166,118)
```
#74af6d
```
#74af6d rgb(116,175,109)
```
#6eb864
```
#6eb864 rgb(110,184,100)
```
#67c15b
```
#67c15b rgb(103,193,91)
```
#60c953
```
#60c953 rgb(96,201,83)
```
#59d24a
```
#59d24a rgb(89,210,74)
```
#53db41
```
#53db41 rgb(83,219,65)
```
#4ce339
```
#4ce339 rgb(76,227,57)
```
#45ec30
```
#45ec30 rgb(69,236,48)
```
#3ef527
```
#3ef527 rgb(62,245,39)
```
#37fd1f
```
#37fd1f rgb(55,253,31)
```

Tone Color Variation

Below, you can see how #45ec30 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

#a5a5a5 Achromatopsia 0.005% of the population
#92b38e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d033 Protanopia 1% of men
#ffc75f Deuteranopia 1% of men
#83dded Tritanopia 0.001% of the population

Trichromacy

#adda32 Protanomaly 1% of men, 0.01% of women
#bbd44e Deuteranomaly 6% of men, 0.4% of women
#6ce2a8 Tritanomaly 0.01% of the population

#45ec30 hex color

#45ec30 Color Information

#45ec30 Color Conversion

Color Schemes with #45ec30

Alternatives to #45ec30

#45ec30 Preview

Shades and Tints of #45ec30

Tones of #45ec30

Color Blindness Simulator