#45f222 hex color

In a RGB color space, hex #45f222 is composed of 27.1% red, 94.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 86% yellow and 5.1% black. It has a hue angle of 109.9 degrees, a saturation of 88.9% and a lightness of 54.1%. #45f222 color hex could be obtained by blending #8aff44 with #00e500. Closest websafe color is: #33ff33.

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

● #45f222 color description : Vivid lime green.

The hexadecimal color #45f222 has RGB values of R:69, G:242, B:34 and CMYK values of C:0.71, M:0, Y:0.86, K:0.05. Its decimal value is 4583970.

Hex triplet	45f222	`#45f222`
RGB Decimal	69, 242, 34	`rgb(69,242,34)`
RGB Percent	27.1, 94.9, 13.3	`rgb(27.1%,94.9%,13.3%)`
CMYK	71, 0, 86, 5
HSL	109.9°, 88.9, 54.1	`hsl(109.9,88.9%,54.1%)`
HSV (or HSB)	109.9°, 86, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.423, -76.212, 76.674
XYZ	34.493, 64.882, 12.219
xyY	0.309, 0.581, 64.882
CIE-LCH	84.423, 108.107, 134.827
CIE-LUV	84.423, -72.137, 99.639
Hunter-Lab	80.549, -64.522, 47.39
Binary	01000101, 11110010, 00100010

#45f222
```
#45f222 rgb(69,242,34)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```

Complementary Color

#adf222
```
#adf222 rgb(173,242,34)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#22f267
```
#22f267 rgb(34,242,103)
```

Analogous Color

#f222ad
```
#f222ad rgb(242,34,173)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#6722f2
```
#6722f2 rgb(103,34,242)
```

Split Complementary Color

#f22245
```
#f22245 rgb(242,34,69)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#2245f2
```
#2245f2 rgb(34,69,242)
```

Triadic Color

#f2cf22
```
#f2cf22 rgb(242,207,34)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#2245f2
```
#2245f2 rgb(34,69,242)
```
#cf22f2
```
#cf22f2 rgb(207,34,242)
```

Tetradic Color

#29bc0b
```
#29bc0b rgb(41,188,11)
```
#2ed50d
```
#2ed50d rgb(46,213,13)
```
#33ed0e
```
#33ed0e rgb(51,237,14)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#59f33a
```
#59f33a rgb(89,243,58)
```
#6ef552
```
#6ef552 rgb(110,245,82)
```
#82f66a
```
#82f66a rgb(130,246,106)
```

Monochromatic Color

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

#79f222
```
#79f222 rgb(121,242,34)
```
#68f222
```
#68f222 rgb(104,242,34)
```
#56f222
```
#56f222 rgb(86,242,34)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#34f222
```
#34f222 rgb(52,242,34)
```
#22f222
```
#22f222 rgb(34,242,34)
```
#22f233
```
#22f233 rgb(34,242,51)
```

Similar Colors

Text with hexadecimal color #45f222

This text has a font color of #45f222.

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

#45f222 background color

This paragraph has a background color of #45f222.

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

#45f222 border color

This element has a border color of #45f222.

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

CSS codes

.text {color:#45f222;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#041401
```
#041401 rgb(4,20,1)
```
#082602
```
#082602 rgb(8,38,2)
```
#0c3903
```
#0c3903 rgb(12,57,3)
```
#104b04
```
#104b04 rgb(16,75,4)
```
#145e06
```
#145e06 rgb(20,94,6)
```
#187007
```
#187007 rgb(24,112,7)
```
#1c8308
```
#1c8308 rgb(28,131,8)
```
#209609
```
#209609 rgb(32,150,9)
```
#24a80a
```
#24a80a rgb(36,168,10)
```
#29bb0b
```
#29bb0b rgb(41,187,11)
```
#2dcd0c
```
#2dcd0c rgb(45,205,12)
```
#31e00d
```
#31e00d rgb(49,224,13)
```

Shade Color Variation

#35f10f
```
#35f10f rgb(53,241,15)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#55f335
```
#55f335 rgb(85,243,53)
```
#64f447
```
#64f447 rgb(100,244,71)
```
#74f55a
```
#74f55a rgb(116,245,90)
```
#83f66c
```
#83f66c rgb(131,246,108)
```
#93f77f
```
#93f77f rgb(147,247,127)
```
#a3f991
```
#a3f991 rgb(163,249,145)
```
#b2faa4
```
#b2faa4 rgb(178,250,164)
```
#c2fbb6
```
#c2fbb6 rgb(194,251,182)
```
#d1fcc9
```
#d1fcc9 rgb(209,252,201)
```
#e1fddb
```
#e1fddb rgb(225,253,219)
```
#f1feee
```
#f1feee rgb(241,254,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f85 is the less saturated color, while #3ffb19 is the most saturated one.

#878f85
```
#878f85 rgb(135,143,133)
```
#81987c
```
#81987c rgb(129,152,124)
```
#7ba173
```
#7ba173 rgb(123,161,115)
```
#75aa6a
```
#75aa6a rgb(117,170,106)
```
#6fb361
```
#6fb361 rgb(111,179,97)
```
#69bc58
```
#69bc58 rgb(105,188,88)
```
#63c54f
```
#63c54f rgb(99,197,79)
```
#5dce46
```
#5dce46 rgb(93,206,70)
```
#57d73d
```
#57d73d rgb(87,215,61)
```
#51e034
```
#51e034 rgb(81,224,52)
```
#4be92b
```
#4be92b rgb(75,233,43)
```
#45f222
```
#45f222 rgb(69,242,34)
```
#3ffb19
```
#3ffb19 rgb(63,251,25)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93b68c Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed524 Protanopia 1% of men
#ffcd7a Deuteranopia 1% of men
#86e2f3 Tritanopia 0.001% of the population

Trichromacy

#b1df23 Protanomaly 1% of men, 0.01% of women
#bbda5a Deuteranomaly 6% of men, 0.4% of women
#6ee8a7 Tritanomaly 0.01% of the population

#45f222 hex color

#45f222 Color Information

#45f222 Color Conversion

Color Schemes with #45f222

Alternatives to #45f222

#45f222 Preview

Shades and Tints of #45f222

Tones of #45f222

Color Blindness Simulator