#45f218 hex color

In a RGB color space, hex #45f218 is composed of 27.1% red, 94.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 90.1% yellow and 5.1% black. It has a hue angle of 107.6 degrees, a saturation of 89.3% and a lightness of 52.2%. #45f218 color hex could be obtained by blending #8aff30 with #00e500. Closest websafe color is: #33ff00.

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

● #45f218 color description : Vivid lime green.

The hexadecimal color #45f218 has RGB values of R:69, G:242, B:24 and CMYK values of C:0.71, M:0, Y:0.9, K:0.05. Its decimal value is 4583960.

Hex triplet	45f218	`#45f218`
RGB Decimal	69, 242, 24	`rgb(69,242,24)`
RGB Percent	27.1, 94.9, 9.4	`rgb(27.1%,94.9%,9.4%)`
CMYK	71, 0, 90, 5
HSL	107.6°, 89.3, 52.2	`hsl(107.6,89.3%,52.2%)`
HSV (or HSB)	107.6°, 90.1, 94.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	84.397, -76.529, 78.378
XYZ	34.369, 64.832, 11.567
xyY	0.31, 0.585, 64.832
CIE-LCH	84.397, 109.543, 134.316
CIE-LUV	84.397, -72.244, 100.802
Hunter-Lab	80.518, -64.714, 47.846
Binary	01000101, 11110010, 00011000

#45f218
```
#45f218 rgb(69,242,24)
```
#c518f2
```
#c518f2 rgb(197,24,242)
```

Complementary Color

#b2f218
```
#b2f218 rgb(178,242,24)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#18f258
```
#18f258 rgb(24,242,88)
```

Analogous Color

#f218b2
```
#f218b2 rgb(242,24,178)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#5818f2
```
#5818f2 rgb(88,24,242)
```

Split Complementary Color

#f21845
```
#f21845 rgb(242,24,69)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#1845f2
```
#1845f2 rgb(24,69,242)
```

Triadic Color

#f2c518
```
#f2c518 rgb(242,197,24)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#1845f2
```
#1845f2 rgb(24,69,242)
```
#c518f2
```
#c518f2 rgb(197,24,242)
```

Tetradic Color

#2db30a
```
#2db30a rgb(45,179,10)
```
#33cc0b
```
#33cc0b rgb(51,204,11)
```
#39e40d
```
#39e40d rgb(57,228,13)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#58f330
```
#58f330 rgb(88,243,48)
```
#6cf548
```
#6cf548 rgb(108,245,72)
```
#7ff660
```
#7ff660 rgb(127,246,96)
```

Monochromatic Color

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

#7cf218
```
#7cf218 rgb(124,242,24)
```
#69f218
```
#69f218 rgb(105,242,24)
```
#57f218
```
#57f218 rgb(87,242,24)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#33f218
```
#33f218 rgb(51,242,24)
```
#21f218
```
#21f218 rgb(33,242,24)
```
#18f222
```
#18f222 rgb(24,242,34)
```

Similar Colors

Text with hexadecimal color #45f218

This text has a font color of #45f218.

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

#45f218 background color

This paragraph has a background color of #45f218.

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

#45f218 border color

This element has a border color of #45f218.

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

CSS codes

.text {color:#45f218;}

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

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

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

#030a01
```
#030a01 rgb(3,10,1)
```
#071d02
```
#071d02 rgb(7,29,2)
```
#0c3003
```
#0c3003 rgb(12,48,3)
```
#114204
```
#114204 rgb(17,66,4)
```
#155505
```
#155505 rgb(21,85,5)
```
#1a6706
```
#1a6706 rgb(26,103,6)
```
#1f7a07
```
#1f7a07 rgb(31,122,7)
```
#238c08
```
#238c08 rgb(35,140,8)
```
#289f09
```
#289f09 rgb(40,159,9)
```
#2db20a
```
#2db20a rgb(45,178,10)
```
#31c40b
```
#31c40b rgb(49,196,11)
```
#36d70c
```
#36d70c rgb(54,215,12)
```
#3be90d
```
#3be90d rgb(59,233,13)
```

Shade Color Variation

#45f218
```
#45f218 rgb(69,242,24)
```
#54f32b
```
#54f32b rgb(84,243,43)
```
#63f43d
```
#63f43d rgb(99,244,61)
```
#72f550
```
#72f550 rgb(114,245,80)
```
#81f662
```
#81f662 rgb(129,246,98)
```
#90f775
```
#90f775 rgb(144,247,117)
```
#9ff887
```
#9ff887 rgb(159,248,135)
```
#aef99a
```
#aef99a rgb(174,249,154)
```
#bdfaad
```
#bdfaad rgb(189,250,173)
```
#ccfbbf
```
#ccfbbf rgb(204,251,191)
```
#dbfcd2
```
#dbfcd2 rgb(219,252,210)
```
#e9fde4
```
#e9fde4 rgb(233,253,228)
```
#f8fff7
```
#f8fff7 rgb(248,255,247)
```

Tint Color Variation

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

#828b7f
```
#828b7f rgb(130,139,127)
```
#7c9476
```
#7c9476 rgb(124,148,118)
```
#779e6c
```
#779e6c rgb(119,158,108)
```
#71a763
```
#71a763 rgb(113,167,99)
```
#6cb05a
```
#6cb05a rgb(108,176,90)
```
#66ba50
```
#66ba50 rgb(102,186,80)
```
#61c347
```
#61c347 rgb(97,195,71)
```
#5bcc3e
```
#5bcc3e rgb(91,204,62)
```
#56d634
```
#56d634 rgb(86,214,52)
```
#50df2b
```
#50df2b rgb(80,223,43)
```
#4be921
```
#4be921 rgb(75,233,33)
```
#45f218
```
#45f218 rgb(69,242,24)
```
#3ffb0f
```
#3ffb0f rgb(63,251,15)
```

Tone Color Variation

Below, you can see how #45f218 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
#92b489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed518 Protanopia 1% of men
#ffcc79 Deuteranopia 1% of men
#86e2f3 Tritanopia 0.001% of the population

Trichromacy

#b1df18 Protanomaly 1% of men, 0.01% of women
#bbda55 Deuteranomaly 6% of men, 0.4% of women
#6ee8a3 Tritanomaly 0.01% of the population

#45f218 hex color

#45f218 Color Information

#45f218 Color Conversion

Color Schemes with #45f218

Alternatives to #45f218

#45f218 Preview

Shades and Tints of #45f218

Tones of #45f218

Color Blindness Simulator