#45e574 hex color

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

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

● #45e574 color description : Soft cyan - lime green.

The hexadecimal color #45e574 has RGB values of R:69, G:229, B:116 and CMYK values of C:0.7, M:0, Y:0.49, K:0.1. Its decimal value is 4580724.

Hex triplet	45e574	`#45e574`
RGB Decimal	69, 229, 116	`rgb(69,229,116)`
RGB Percent	27.1, 89.8, 45.5	`rgb(27.1%,89.8%,45.5%)`
CMYK	70, 0, 49, 10
HSL	137.6°, 75.5, 58.4	`hsl(137.6,75.5%,58.4%)`
HSV (or HSB)	137.6°, 69.9, 89.8
Web Safe	33cc66	`#33cc66`

CIE-LAB	81.05, -64.697, 43.163
XYZ	33.624, 58.562, 26.054
xyY	0.284, 0.495, 58.562
CIE-LCH	81.05, 77.773, 146.291
CIE-LUV	81.05, -65.342, 67.36
Hunter-Lab	76.526, -55.49, 33.382
Binary	01000101, 11100101, 01110100

#45e574
```
#45e574 rgb(69,229,116)
```
#e545b6
```
#e545b6 rgb(229,69,182)
```

Complementary Color

#66e545
```
#66e545 rgb(102,229,69)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#45e5c4
```
#45e5c4 rgb(69,229,196)
```

Analogous Color

#e54566
```
#e54566 rgb(229,69,102)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#c445e5
```
#c445e5 rgb(196,69,229)
```

Split Complementary Color

#e57445
```
#e57445 rgb(229,116,69)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#7445e5
```
#7445e5 rgb(116,69,229)
```

Triadic Color

#b6e545
```
#b6e545 rgb(182,229,69)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#7445e5
```
#7445e5 rgb(116,69,229)
```
#e545b6
```
#e545b6 rgb(229,69,182)
```

Tetradic Color

#1bc24c
```
#1bc24c rgb(27,194,76)
```
#1ed955
```
#1ed955 rgb(30,217,85)
```
#2fe263
```
#2fe263 rgb(47,226,99)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#5be885
```
#5be885 rgb(91,232,133)
```
#72eb95
```
#72eb95 rgb(114,235,149)
```
#88eea6
```
#88eea6 rgb(136,238,166)
```

Monochromatic Color

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

#45e54c
```
#45e54c rgb(69,229,76)
```
#45e559
```
#45e559 rgb(69,229,89)
```
#45e567
```
#45e567 rgb(69,229,103)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#45e581
```
#45e581 rgb(69,229,129)
```
#45e58f
```
#45e58f rgb(69,229,143)
```
#45e59c
```
#45e59c rgb(69,229,156)
```

Similar Colors

Text with hexadecimal color #45e574

This text has a font color of #45e574.

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

#45e574 background color

This paragraph has a background color of #45e574.

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

#45e574 border color

This element has a border color of #45e574.

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

CSS codes

.text {color:#45e574;}

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

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

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 #f1fdf5 is the lightest one.

#000301
```
#000301 rgb(0,3,1)
```
#031508
```
#031508 rgb(3,21,8)
```
#05260f
```
#05260f rgb(5,38,15)
```
#083716
```
#083716 rgb(8,55,22)
```
#0a481c
```
#0a481c rgb(10,72,28)
```
#0c5923
```
#0c5923 rgb(12,89,35)
```
#0f6b2a
```
#0f6b2a rgb(15,107,42)
```
#117c31
```
#117c31 rgb(17,124,49)
```
#148d37
```
#148d37 rgb(20,141,55)
```
#169e3e
```
#169e3e rgb(22,158,62)
```
#19af45
```
#19af45 rgb(25,175,69)
```
#1bc14c
```
#1bc14c rgb(27,193,76)
```
#1dd252
```
#1dd252 rgb(29,210,82)
```

Shade Color Variation

#23e05a
```
#23e05a rgb(35,224,90)
```
#34e367
```
#34e367 rgb(52,227,103)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#56e781
```
#56e781 rgb(86,231,129)
```
#67ea8e
```
#67ea8e rgb(103,234,142)
```
#79ec9b
```
#79ec9b rgb(121,236,155)
```
#8aefa7
```
#8aefa7 rgb(138,239,167)
```
#9bf1b4
```
#9bf1b4 rgb(155,241,180)
```
#acf3c1
```
#acf3c1 rgb(172,243,193)
```
#bdf6ce
```
#bdf6ce rgb(189,246,206)
```
#cff8db
```
#cff8db rgb(207,248,219)
```
#e0fbe8
```
#e0fbe8 rgb(224,251,232)
```
#f1fdf5
```
#f1fdf5 rgb(241,253,245)
```

Tint Color Variation

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

#8e9c92
```
#8e9c92 rgb(142,156,146)
```
#86a48f
```
#86a48f rgb(134,164,143)
```
#7eac8c
```
#7eac8c rgb(126,172,140)
```
#76b488
```
#76b488 rgb(118,180,136)
```
#6ebc85
```
#6ebc85 rgb(110,188,133)
```
#66c481
```
#66c481 rgb(102,196,129)
```
#5dcd7e
```
#5dcd7e rgb(93,205,126)
```
#55d57b
```
#55d57b rgb(85,213,123)
```
#4ddd77
```
#4ddd77 rgb(77,221,119)
```
#45e574
```
#45e574 rgb(69,229,116)
```
#3ded71
```
#3ded71 rgb(61,237,113)
```
#35f56d
```
#35f56d rgb(53,245,109)
```
#2dfd6a
```
#2dfd6a rgb(45,253,106)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#94b49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcc72 Protanopia 1% of men
#f3c387 Deuteranopia 1% of men
#7ad9e9 Tritanopia 0.001% of the population

Trichromacy

#a7d572 Protanomaly 1% of men, 0.01% of women
#b4cf80 Deuteranomaly 6% of men, 0.4% of women
#66ddbe Tritanomaly 0.01% of the population

#45e574 hex color

#45e574 Color Information

#45e574 Color Conversion

Color Schemes with #45e574

Alternatives to #45e574

#45e574 Preview

Shades and Tints of #45e574

Tones of #45e574

Color Blindness Simulator