#45e568 hex color

In a RGB color space, hex #45e568 is composed of 27.1% red, 89.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 54.6% yellow and 10.2% black. It has a hue angle of 133.1 degrees, a saturation of 75.5% and a lightness of 58.4%. #45e568 color hex could be obtained by blending #8affd0 with #00cb00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 90
- B 41
RGB color chart
- C 70
- M 0
- Y 55
- K 10
CMYK color chart

● #45e568 color description : Soft lime green.

The hexadecimal color #45e568 has RGB values of R:69, G:229, B:104 and CMYK values of C:0.7, M:0, Y:0.55, K:0.1. Its decimal value is 4580712.

Hex triplet	45e568	`#45e568`
RGB Decimal	69, 229, 104	`rgb(69,229,104)`
RGB Percent	27.1, 89.8, 40.8	`rgb(27.1%,89.8%,40.8%)`
CMYK	70, 0, 55, 10
HSL	133.1°, 75.5, 58.4	`hsl(133.1,75.5%,58.4%)`
HSV (or HSB)	133.1°, 69.9, 89.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.905, -66.38, 48.642
XYZ	32.97, 58.3, 22.611
xyY	0.29, 0.512, 58.3
CIE-LCH	80.905, 82.294, 143.767
CIE-LUV	80.905, -65.862, 73.255
Hunter-Lab	76.355, -56.543, 35.89
Binary	01000101, 11100101, 01101000

#45e568
```
#45e568 rgb(69,229,104)
```
#e545c2
```
#e545c2 rgb(229,69,194)
```

Complementary Color

#72e545
```
#72e545 rgb(114,229,69)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#45e5b8
```
#45e5b8 rgb(69,229,184)
```

Analogous Color

#e54572
```
#e54572 rgb(229,69,114)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#b845e5
```
#b845e5 rgb(184,69,229)
```

Split Complementary Color

#e56845
```
#e56845 rgb(229,104,69)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#6845e5
```
#6845e5 rgb(104,69,229)
```

Triadic Color

#c2e545
```
#c2e545 rgb(194,229,69)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#6845e5
```
#6845e5 rgb(104,69,229)
```
#e545c2
```
#e545c2 rgb(229,69,194)
```

Tetradic Color

#1bc240
```
#1bc240 rgb(27,194,64)
```
#1ed947
```
#1ed947 rgb(30,217,71)
```
#2fe256
```
#2fe256 rgb(47,226,86)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#5be87a
```
#5be87a rgb(91,232,122)
```
#72eb8c
```
#72eb8c rgb(114,235,140)
```
#88ee9e
```
#88ee9e rgb(136,238,158)
```

Monochromatic Color

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

#4ae545
```
#4ae545 rgb(74,229,69)
```
#45e54d
```
#45e54d rgb(69,229,77)
```
#45e55b
```
#45e55b rgb(69,229,91)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#45e575
```
#45e575 rgb(69,229,117)
```
#45e583
```
#45e583 rgb(69,229,131)
```
#45e590
```
#45e590 rgb(69,229,144)
```

Similar Colors

Text with hexadecimal color #45e568

This text has a font color of #45e568.

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

#45e568 background color

This paragraph has a background color of #45e568.

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

#45e568 border color

This element has a border color of #45e568.

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

CSS codes

.text {color:#45e568;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#031507
```
#031507 rgb(3,21,7)
```
#05260c
```
#05260c rgb(5,38,12)
```
#083712
```
#083712 rgb(8,55,18)
```
#0a4818
```
#0a4818 rgb(10,72,24)
```
#0c591d
```
#0c591d rgb(12,89,29)
```
#0f6b23
```
#0f6b23 rgb(15,107,35)
```
#117c29
```
#117c29 rgb(17,124,41)
```
#148d2e
```
#148d2e rgb(20,141,46)
```
#169e34
```
#169e34 rgb(22,158,52)
```
#19af3a
```
#19af3a rgb(25,175,58)
```
#1bc13f
```
#1bc13f rgb(27,193,63)
```
#1dd245
```
#1dd245 rgb(29,210,69)
```

Shade Color Variation

#23e04c
```
#23e04c rgb(35,224,76)
```
#34e35a
```
#34e35a rgb(52,227,90)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#56e776
```
#56e776 rgb(86,231,118)
```
#67ea84
```
#67ea84 rgb(103,234,132)
```
#79ec92
```
#79ec92 rgb(121,236,146)
```
#8aefa0
```
#8aefa0 rgb(138,239,160)
```
#9bf1ae
```
#9bf1ae rgb(155,241,174)
```
#acf3bc
```
#acf3bc rgb(172,243,188)
```
#bdf6ca
```
#bdf6ca rgb(189,246,202)
```
#cff8d8
```
#cff8d8 rgb(207,248,216)
```
#e0fbe6
```
#e0fbe6 rgb(224,251,230)
```
#f1fdf4
```
#f1fdf4 rgb(241,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9c91 is the less saturated color, while #2dfd5a is the most saturated one.

#8e9c91
```
#8e9c91 rgb(142,156,145)
```
#86a48d
```
#86a48d rgb(134,164,141)
```
#7eac88
```
#7eac88 rgb(126,172,136)
```
#76b484
```
#76b484 rgb(118,180,132)
```
#6ebc7f
```
#6ebc7f rgb(110,188,127)
```
#66c47a
```
#66c47a rgb(102,196,122)
```
#5dcd76
```
#5dcd76 rgb(93,205,118)
```
#55d571
```
#55d571 rgb(85,213,113)
```
#4ddd6d
```
#4ddd6d rgb(77,221,109)
```
#45e568
```
#45e568 rgb(69,229,104)
```
#3ded63
```
#3ded63 rgb(61,237,99)
```
#35f55f
```
#35f55f rgb(53,245,95)
```
#2dfd5a
```
#2dfd5a rgb(45,253,90)
```

Tone Color Variation

Below, you can see how #45e568 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
#93b39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cb67 Protanopia 1% of men
#f5c37c Deuteranopia 1% of men
#7bd9e9 Tritanopia 0.001% of the population

Trichromacy

#a8d467 Protanomaly 1% of men, 0.01% of women
#b5cf75 Deuteranomaly 6% of men, 0.4% of women
#67ddba Tritanomaly 0.01% of the population

#45e568 hex color

#45e568 Color Information

#45e568 Color Conversion

Color Schemes with #45e568

Alternatives to #45e568

#45e568 Preview

Shades and Tints of #45e568

Tones of #45e568

Color Blindness Simulator