#45ec22 hex color

In a RGB color space, hex #45ec22 is composed of 27.1% red, 92.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 85.6% yellow and 7.5% black. It has a hue angle of 109.6 degrees, a saturation of 84.2% and a lightness of 52.9%. #45ec22 color hex could be obtained by blending #8aff44 with #00d900. Closest websafe color is: #33ff33.

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

● #45ec22 color description : Vivid lime green.

The hexadecimal color #45ec22 has RGB values of R:69, G:236, B:34 and CMYK values of C:0.71, M:0, Y:0.86, K:0.07. Its decimal value is 4582434.

Hex triplet	45ec22	`#45ec22`
RGB Decimal	69, 236, 34	`rgb(69,236,34)`
RGB Percent	27.1, 92.5, 13.3	`rgb(27.1%,92.5%,13.3%)`
CMYK	71, 0, 86, 7
HSL	109.6°, 84.2, 52.9	`hsl(109.6,84.2%,52.9%)`
HSV (or HSB)	109.6°, 85.6, 92.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	82.576, -74.414, 75.057
XYZ	32.737, 61.368, 11.633
xyY	0.31, 0.58, 61.368
CIE-LCH	82.576, 105.692, 134.753
CIE-LUV	82.576, -70.125, 97.254
Hunter-Lab	78.338, -62.498, 46.032
Binary	01000101, 11101100, 00100010

#45ec22
```
#45ec22 rgb(69,236,34)
```
#c922ec
```
#c922ec rgb(201,34,236)
```

Complementary Color

#aaec22
```
#aaec22 rgb(170,236,34)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#22ec64
```
#22ec64 rgb(34,236,100)
```

Analogous Color

#ec22aa
```
#ec22aa rgb(236,34,170)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#6422ec
```
#6422ec rgb(100,34,236)
```

Split Complementary Color

#ec2245
```
#ec2245 rgb(236,34,69)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#2245ec
```
#2245ec rgb(34,69,236)
```

Triadic Color

#ecc922
```
#ecc922 rgb(236,201,34)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#2245ec
```
#2245ec rgb(34,69,236)
```
#c922ec
```
#c922ec rgb(201,34,236)
```

Tetradic Color

#2cb20f
```
#2cb20f rgb(44,178,15)
```
#31ca11
```
#31ca11 rgb(49,202,17)
```
#37e113
```
#37e113 rgb(55,225,19)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#59ee39
```
#59ee39 rgb(89,238,57)
```
#6df051
```
#6df051 rgb(109,240,81)
```
#80f268
```
#80f268 rgb(128,242,104)
```

Monochromatic Color

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

#78ec22
```
#78ec22 rgb(120,236,34)
```
#67ec22
```
#67ec22 rgb(103,236,34)
```
#56ec22
```
#56ec22 rgb(86,236,34)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#34ec22
```
#34ec22 rgb(52,236,34)
```
#23ec22
```
#23ec22 rgb(35,236,34)
```
#22ec32
```
#22ec32 rgb(34,236,50)
```

Similar Colors

Text with hexadecimal color #45ec22

This text has a font color of #45ec22.

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

#45ec22 background color

This paragraph has a background color of #45ec22.

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

#45ec22 border color

This element has a border color of #45ec22.

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

CSS codes

.text {color:#45ec22;}

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

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

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

#030e01
```
#030e01 rgb(3,14,1)
```
#082003
```
#082003 rgb(8,32,3)
```
#0c3204
```
#0c3204 rgb(12,50,4)
```
#114406
```
#114406 rgb(17,68,6)
```
#155607
```
#155607 rgb(21,86,7)
```
#196809
```
#196809 rgb(25,104,9)
```
#1e7a0b
```
#1e7a0b rgb(30,122,11)
```
#228c0c
```
#228c0c rgb(34,140,12)
```
#279e0e
```
#279e0e rgb(39,158,14)
```
#2bb00f
```
#2bb00f rgb(43,176,15)
```
#30c211
```
#30c211 rgb(48,194,17)
```
#34d512
```
#34d512 rgb(52,213,18)
```
#38e714
```
#38e714 rgb(56,231,20)
```

Shade Color Variation

#45ec22
```
#45ec22 rgb(69,236,34)
```
#54ee34
```
#54ee34 rgb(84,238,52)
```
#63ef46
```
#63ef46 rgb(99,239,70)
```
#73f158
```
#73f158 rgb(115,241,88)
```
#82f26a
```
#82f26a rgb(130,242,106)
```
#91f47c
```
#91f47c rgb(145,244,124)
```
#a0f58e
```
#a0f58e rgb(160,245,142)
```
#aff7a0
```
#aff7a0 rgb(175,247,160)
```
#bff8b3
```
#bff8b3 rgb(191,248,179)
```
#cefac5
```
#cefac5 rgb(206,250,197)
```
#ddfcd7
```
#ddfcd7 rgb(221,252,215)
```
#ecfde9
```
#ecfde9 rgb(236,253,233)
```
#fbfffb
```
#fbfffb rgb(251,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81907e is the less saturated color, while #39fe10 is the most saturated one.

#81907e
```
#81907e rgb(129,144,126)
```
#7b9975
```
#7b9975 rgb(123,153,117)
```
#75a26c
```
#75a26c rgb(117,162,108)
```
#6fab63
```
#6fab63 rgb(111,171,99)
```
#69b559
```
#69b559 rgb(105,181,89)
```
#63be50
```
#63be50 rgb(99,190,80)
```
#5dc747
```
#5dc747 rgb(93,199,71)
```
#57d03e
```
#57d03e rgb(87,208,62)
```
#51da34
```
#51da34 rgb(81,218,52)
```
#4be32b
```
#4be32b rgb(75,227,43)
```
#45ec22
```
#45ec22 rgb(69,236,34)
```
#3ff519
```
#3ff519 rgb(63,245,25)
```
#39fe10
```
#39fe10 rgb(57,254,16)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#90b289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d025 Protanopia 1% of men
#ffc75c Deuteranopia 1% of men
#83dded Tritanopia 0.001% of the population

Trichromacy

#adda23 Protanomaly 1% of men, 0.01% of women
#bbd447 Deuteranomaly 6% of men, 0.4% of women
#6ce2a3 Tritanomaly 0.01% of the population

#45ec22 hex color

#45ec22 Color Information

#45ec22 Color Conversion

Color Schemes with #45ec22

Alternatives to #45ec22

#45ec22 Preview

Shades and Tints of #45ec22

Tones of #45ec22

Color Blindness Simulator