#45f348 hex color

In a RGB color space, hex #45f348 is composed of 27.1% red, 95.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 70.4% yellow and 4.7% black. It has a hue angle of 121 degrees, a saturation of 87.9% and a lightness of 61.2%. #45f348 color hex could be obtained by blending #8aff90 with #00e700. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 27
- G 95
- B 28
RGB color chart
- C 72
- M 0
- Y 70
- K 5
CMYK color chart

● #45f348 color description : Bright lime green.

The hexadecimal color #45f348 has RGB values of R:69, G:243, B:72 and CMYK values of C:0.72, M:0, Y:0.7, K:0.05. Its decimal value is 4584264.

Hex triplet	45f348	`#45f348`
RGB Decimal	69, 243, 72	`rgb(69,243,72)`
RGB Percent	27.1, 95.3, 28.2	`rgb(27.1%,95.3%,28.2%)`
CMYK	72, 0, 70, 5
HSL	121°, 87.9, 61.2	`hsl(121,87.9%,61.2%)`
HSV (or HSB)	121°, 71.6, 95.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.91, -74.294, 66.379
XYZ	35.673, 65.831, 16.957
xyY	0.301, 0.556, 65.831
CIE-LCH	84.91, 99.628, 138.22
CIE-LUV	84.91, -71.729, 91.966
Hunter-Lab	81.136, -63.508, 44.404
Binary	01000101, 11110011, 01001000

#45f348
```
#45f348 rgb(69,243,72)
```
#f345f0
```
#f345f0 rgb(243,69,240)
```

Complementary Color

#99f345
```
#99f345 rgb(153,243,69)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#45f39f
```
#45f39f rgb(69,243,159)
```

Analogous Color

#f34599
```
#f34599 rgb(243,69,153)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#9f45f3
```
#9f45f3 rgb(159,69,243)
```

Split Complementary Color

#f34845
```
#f34845 rgb(243,72,69)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#4845f3
```
#4845f3 rgb(72,69,243)
```

Triadic Color

#f0f345
```
#f0f345 rgb(240,243,69)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#4845f3
```
#4845f3 rgb(72,69,243)
```
#f345f0
```
#f345f0 rgb(243,69,240)
```

Tetradic Color

#0edd12
```
#0edd12 rgb(14,221,18)
```
#15f019
```
#15f019 rgb(21,240,25)
```
#2df130
```
#2df130 rgb(45,241,48)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#5df560
```
#5df560 rgb(93,245,96)
```
#75f677
```
#75f677 rgb(117,246,119)
```
#8df88f
```
#8df88f rgb(141,248,143)
```

Monochromatic Color

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

#6ef345
```
#6ef345 rgb(110,243,69)
```
#5ff345
```
#5ff345 rgb(95,243,69)
```
#50f345
```
#50f345 rgb(80,243,69)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#45f357
```
#45f357 rgb(69,243,87)
```
#45f365
```
#45f365 rgb(69,243,101)
```
#45f374
```
#45f374 rgb(69,243,116)
```

Similar Colors

Text with hexadecimal color #45f348

This text has a font color of #45f348.

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

#45f348 background color

This paragraph has a background color of #45f348.

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

#45f348 border color

This element has a border color of #45f348.

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

CSS codes

.text {color:#45f348;}

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

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

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

#011101
```
#011101 rgb(1,17,1)
```
#022303
```
#022303 rgb(2,35,3)
```
#033604
```
#033604 rgb(3,54,4)
```
#054806
```
#054806 rgb(5,72,6)
```
#065a07
```
#065a07 rgb(6,90,7)
```
#076d09
```
#076d09 rgb(7,109,9)
```
#087f0a
```
#087f0a rgb(8,127,10)
```
#09920c
```
#09920c rgb(9,146,12)
```
#0ba40d
```
#0ba40d rgb(11,164,13)
```
#0cb70f
```
#0cb70f rgb(12,183,15)
```
#0dc910
```
#0dc910 rgb(13,201,16)
```
#0edb12
```
#0edb12 rgb(14,219,18)
```
#0fee13
```
#0fee13 rgb(15,238,19)
```

Shade Color Variation

#20f124
```
#20f124 rgb(32,241,36)
```
#33f236
```
#33f236 rgb(51,242,54)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#57f45a
```
#57f45a rgb(87,244,90)
```
#6af56c
```
#6af56c rgb(106,245,108)
```
#7cf77e
```
#7cf77e rgb(124,247,126)
```
#8ff891
```
#8ff891 rgb(143,248,145)
```
#a1f9a3
```
#a1f9a3 rgb(161,249,163)
```
#b4fab5
```
#b4fab5 rgb(180,250,181)
```
#c6fbc7
```
#c6fbc7 rgb(198,251,199)
```
#d8fdd9
```
#d8fdd9 rgb(216,253,217)
```
#ebfeeb
```
#ebfeeb rgb(235,254,235)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#999f99
```
#999f99 rgb(153,159,153)
```
#91a792
```
#91a792 rgb(145,167,146)
```
#8aae8a
```
#8aae8a rgb(138,174,138)
```
#82b683
```
#82b683 rgb(130,182,131)
```
#7abe7b
```
#7abe7b rgb(122,190,123)
```
#73c574
```
#73c574 rgb(115,197,116)
```
#6bcd6d
```
#6bcd6d rgb(107,205,109)
```
#63d565
```
#63d565 rgb(99,213,101)
```
#5cdc5e
```
#5cdc5e rgb(92,220,94)
```
#54e457
```
#54e457 rgb(84,228,87)
```
#4deb4f
```
#4deb4f rgb(77,235,79)
```
#45f348
```
#45f348 rgb(69,243,72)
```
#3dfb41
```
#3dfb41 rgb(61,251,65)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed649 Protanopia 1% of men
#ffce84 Deuteranopia 1% of men
#84e4f4 Tritanopia 0.001% of the population

Trichromacy

#b1e049 Protanomaly 1% of men, 0.01% of women
#bbdb6e Deuteranomaly 6% of men, 0.4% of women
#6de9b6 Tritanomaly 0.01% of the population

#45f348 hex color

#45f348 Color Information

#45f348 Color Conversion

Color Schemes with #45f348

Alternatives to #45f348

#45f348 Preview

Shades and Tints of #45f348

Tones of #45f348

Color Blindness Simulator