#45d880 hex color

In a RGB color space, hex #45d880 is composed of 27.1% red, 84.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 40.7% yellow and 15.3% black. It has a hue angle of 144.1 degrees, a saturation of 65.3% and a lightness of 55.9%. #45d880 color hex could be obtained by blending #8affff with #00b101. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 85
- B 50
RGB color chart
- C 68
- M 0
- Y 41
- K 15
CMYK color chart

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

The hexadecimal color #45d880 has RGB values of R:69, G:216, B:128 and CMYK values of C:0.68, M:0, Y:0.41, K:0.15. Its decimal value is 4577408.

Hex triplet	45d880	`#45d880`
RGB Decimal	69, 216, 128	`rgb(69,216,128)`
RGB Percent	27.1, 84.7, 50.2	`rgb(27.1%,84.7%,50.2%)`
CMYK	68, 0, 41, 15
HSL	144.1°, 65.3, 55.9	`hsl(144.1,65.3%,55.9%)`
HSV (or HSB)	144.1°, 68.1, 84.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.241, -58.079, 32.352
XYZ	30.904, 51.933, 28.816
xyY	0.277, 0.465, 51.933
CIE-LCH	77.241, 66.482, 150.881
CIE-LUV	77.241, -60.174, 53.328
Hunter-Lab	72.064, -49.564, 26.737
Binary	01000101, 11011000, 10000000

#45d880
```
#45d880 rgb(69,216,128)
```
#d8459d
```
#d8459d rgb(216,69,157)
```

Complementary Color

#54d845
```
#54d845 rgb(84,216,69)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#45d8ca
```
#45d8ca rgb(69,216,202)
```

Analogous Color

#d84554
```
#d84554 rgb(216,69,84)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#ca45d8
```
#ca45d8 rgb(202,69,216)
```

Split Complementary Color

#d88045
```
#d88045 rgb(216,128,69)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#8045d8
```
#8045d8 rgb(128,69,216)
```

Triadic Color

#9dd845
```
#9dd845 rgb(157,216,69)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#8045d8
```
#8045d8 rgb(128,69,216)
```
#d8459d
```
#d8459d rgb(216,69,157)
```

Tetradic Color

#24ac5b
```
#24ac5b rgb(36,172,91)
```
#29c166
```
#29c166 rgb(41,193,102)
```
#30d472
```
#30d472 rgb(48,212,114)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#5adc8e
```
#5adc8e rgb(90,220,142)
```
#6fe19d
```
#6fe19d rgb(111,225,157)
```
#84e5ab
```
#84e5ab rgb(132,229,171)
```

Monochromatic Color

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

#45d85b
```
#45d85b rgb(69,216,91)
```
#45d868
```
#45d868 rgb(69,216,104)
```
#45d874
```
#45d874 rgb(69,216,116)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#45d88c
```
#45d88c rgb(69,216,140)
```
#45d899
```
#45d899 rgb(69,216,153)
```
#45d8a5
```
#45d8a5 rgb(69,216,165)
```

Similar Colors

Text with hexadecimal color #45d880

This text has a font color of #45d880.

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

#45d880 background color

This paragraph has a background color of #45d880.

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

#45d880 border color

This element has a border color of #45d880.

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

CSS codes

.text {color:#45d880;}

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

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

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

#020905
```
#020905 rgb(2,9,5)
```
#05190d
```
#05190d rgb(5,25,13)
```
#092916
```
#092916 rgb(9,41,22)
```
#0c391e
```
#0c391e rgb(12,57,30)
```
#0f4927
```
#0f4927 rgb(15,73,39)
```
#135a2f
```
#135a2f rgb(19,90,47)
```
#166a38
```
#166a38 rgb(22,106,56)
```
#1a7a40
```
#1a7a40 rgb(26,122,64)
```
#1d8a49
```
#1d8a49 rgb(29,138,73)
```
#209b51
```
#209b51 rgb(32,155,81)
```
#24ab5a
```
#24ab5a rgb(36,171,90)
```
#27bb63
```
#27bb63 rgb(39,187,99)
```
#2bcb6b
```
#2bcb6b rgb(43,203,107)
```

Shade Color Variation

#35d575
```
#35d575 rgb(53,213,117)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#55db8b
```
#55db8b rgb(85,219,139)
```
#65df96
```
#65df96 rgb(101,223,150)
```
#76e2a1
```
#76e2a1 rgb(118,226,161)
```
#86e6ac
```
#86e6ac rgb(134,230,172)
```
#96e9b7
```
#96e9b7 rgb(150,233,183)
```
#a6ecc2
```
#a6ecc2 rgb(166,236,194)
```
#b7f0ce
```
#b7f0ce rgb(183,240,206)
```
#c7f3d9
```
#c7f3d9 rgb(199,243,217)
```
#d7f7e4
```
#d7f7e4 rgb(215,247,228)
```
#e7faef
```
#e7faef rgb(231,250,239)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

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

#8a938e
```
#8a938e rgb(138,147,142)
```
#829b8c
```
#829b8c rgb(130,155,140)
```
#79a48a
```
#79a48a rgb(121,164,138)
```
#70ad89
```
#70ad89 rgb(112,173,137)
```
#68b587
```
#68b587 rgb(104,181,135)
```
#5fbe85
```
#5fbe85 rgb(95,190,133)
```
#56c783
```
#56c783 rgb(86,199,131)
```
#4ecf82
```
#4ecf82 rgb(78,207,130)
```
#45d880
```
#45d880 rgb(69,216,128)
```
#3ce17e
```
#3ce17e rgb(60,225,126)
```
#34e97d
```
#34e97d rgb(52,233,125)
```
#2bf27b
```
#2bf27b rgb(43,242,123)
```
#22fb79
```
#22fb79 rgb(34,251,121)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8fad9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c27d Protanopia 1% of men
#e4ba91 Deuteranopia 1% of men
#73cfde Tritanopia 0.001% of the population

Trichromacy

#9fca7e Protanomaly 1% of men, 0.01% of women
#aac58b Deuteranomaly 6% of men, 0.4% of women
#62d2bc Tritanomaly 0.01% of the population

#45d880 hex color

#45d880 Color Information

#45d880 Color Conversion

Color Schemes with #45d880

Alternatives to #45d880

#45d880 Preview

Shades and Tints of #45d880

Tones of #45d880

Color Blindness Simulator