#45d578 hex color

In a RGB color space, hex #45d578 is composed of 27.1% red, 83.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 43.7% yellow and 16.5% black. It has a hue angle of 141.3 degrees, a saturation of 63.2% and a lightness of 55.3%. #45d578 color hex could be obtained by blending #8afff0 with #00ab00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 84
- B 47
RGB color chart
- C 68
- M 0
- Y 44
- K 16
CMYK color chart

● #45d578 color description : Moderate cyan - lime green.

The hexadecimal color #45d578 has RGB values of R:69, G:213, B:120 and CMYK values of C:0.68, M:0, Y:0.44, K:0.16. Its decimal value is 4576632.

Hex triplet	45d578	`#45d578`
RGB Decimal	69, 213, 120	`rgb(69,213,120)`
RGB Percent	27.1, 83.5, 47.1	`rgb(27.1%,83.5%,47.1%)`
CMYK	68, 0, 44, 16
HSL	141.3°, 63.2, 55.3	`hsl(141.3,63.2%,55.3%)`
HSV (or HSB)	141.3°, 67.6, 83.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	76.196, -58.345, 35.043
XYZ	29.637, 50.207, 25.897
xyY	0.28, 0.475, 50.207
CIE-LCH	76.196, 68.059, 149.01
CIE-LUV	76.196, -59.497, 56.284
Hunter-Lab	70.857, -49.34, 27.93
Binary	01000101, 11010101, 01111000

#45d578
```
#45d578 rgb(69,213,120)
```
#d545a2
```
#d545a2 rgb(213,69,162)
```

Complementary Color

#5ad545
```
#5ad545 rgb(90,213,69)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#45d5c0
```
#45d5c0 rgb(69,213,192)
```

Analogous Color

#d5455a
```
#d5455a rgb(213,69,90)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#c045d5
```
#c045d5 rgb(192,69,213)
```

Split Complementary Color

#d57845
```
#d57845 rgb(213,120,69)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#7845d5
```
#7845d5 rgb(120,69,213)
```

Triadic Color

#a2d545
```
#a2d545 rgb(162,213,69)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#7845d5
```
#7845d5 rgb(120,69,213)
```
#d545a2
```
#d545a2 rgb(213,69,162)
```

Tetradic Color

#26a854
```
#26a854 rgb(38,168,84)
```
#2bbc5e
```
#2bbc5e rgb(43,188,94)
```
#30d069
```
#30d069 rgb(48,208,105)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#5ada87
```
#5ada87 rgb(90,218,135)
```
#6fde96
```
#6fde96 rgb(111,222,150)
```
#83e3a5
```
#83e3a5 rgb(131,227,165)
```

Monochromatic Color

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

#45d554
```
#45d554 rgb(69,213,84)
```
#45d560
```
#45d560 rgb(69,213,96)
```
#45d56c
```
#45d56c rgb(69,213,108)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#45d584
```
#45d584 rgb(69,213,132)
```
#45d590
```
#45d590 rgb(69,213,144)
```
#45d59c
```
#45d59c rgb(69,213,156)
```

Similar Colors

Text with hexadecimal color #45d578

This text has a font color of #45d578.

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

#45d578 background color

This paragraph has a background color of #45d578.

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

#45d578 border color

This element has a border color of #45d578.

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

CSS codes

.text {color:#45d578;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#05160b
```
#05160b rgb(5,22,11)
```
#092613
```
#092613 rgb(9,38,19)
```
#0c361b
```
#0c361b rgb(12,54,27)
```
#104623
```
#104623 rgb(16,70,35)
```
#13562b
```
#13562b rgb(19,86,43)
```
#176633
```
#176633 rgb(23,102,51)
```
#1b763b
```
#1b763b rgb(27,118,59)
```
#1e8643
```
#1e8643 rgb(30,134,67)
```
#22964b
```
#22964b rgb(34,150,75)
```
#25a653
```
#25a653 rgb(37,166,83)
```
#29b65b
```
#29b65b rgb(41,182,91)
```
#2dc663
```
#2dc663 rgb(45,198,99)
```

Shade Color Variation

#35d16c
```
#35d16c rgb(53,209,108)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#55d984
```
#55d984 rgb(85,217,132)
```
#65dc8f
```
#65dc8f rgb(101,220,143)
```
#75e09b
```
#75e09b rgb(117,224,155)
```
#85e3a6
```
#85e3a6 rgb(133,227,166)
```
#95e7b2
```
#95e7b2 rgb(149,231,178)
```
#a5ebbe
```
#a5ebbe rgb(165,235,190)
```
#b5eec9
```
#b5eec9 rgb(181,238,201)
```
#c5f2d5
```
#c5f2d5 rgb(197,242,213)
```
#d5f6e1
```
#d5f6e1 rgb(213,246,225)
```
#e5f9ec
```
#e5f9ec rgb(229,249,236)
```
#f5fdf8
```
#f5fdf8 rgb(245,253,248)
```

Tint Color Variation

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

#8b8f8c
```
#8b8f8c rgb(139,143,140)
```
#82988a
```
#82988a rgb(130,152,138)
```
#7aa087
```
#7aa087 rgb(122,160,135)
```
#71a985
```
#71a985 rgb(113,169,133)
```
#68b282
```
#68b282 rgb(104,178,130)
```
#5fbb80
```
#5fbb80 rgb(95,187,128)
```
#57c37d
```
#57c37d rgb(87,195,125)
```
#4ecc7b
```
#4ecc7b rgb(78,204,123)
```
#45d578
```
#45d578 rgb(69,213,120)
```
#3cde75
```
#3cde75 rgb(60,222,117)
```
#33e773
```
#33e773 rgb(51,231,115)
```
#2bef70
```
#2bef70 rgb(43,239,112)
```
#22f86e
```
#22f86e rgb(34,248,110)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8daa97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bf76 Protanopia 1% of men
#e2b789 Deuteranopia 1% of men
#73ccdb Tritanopia 0.001% of the population

Trichromacy

#9dc776 Protanomaly 1% of men, 0.01% of women
#a9c283 Deuteranomaly 6% of men, 0.4% of women
#62cfb7 Tritanomaly 0.01% of the population

#45d578 hex color

#45d578 Color Information

#45d578 Color Conversion

Color Schemes with #45d578

Alternatives to #45d578

#45d578 Preview

Shades and Tints of #45d578

Tones of #45d578

Color Blindness Simulator