#45d6a9 hex color

In a RGB color space, hex #45d6a9 is composed of 27.1% red, 83.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 0% magenta, 21% yellow and 16.1% black. It has a hue angle of 161.4 degrees, a saturation of 63.9% and a lightness of 55.5%. #45d6a9 color hex could be obtained by blending #8affff with #00ad53. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d6a9 has RGB values of R:69, G:214, B:169 and CMYK values of C:0.68, M:0, Y:0.21, K:0.16. Its decimal value is 4576937.

Hex triplet	45d6a9	`#45d6a9`
RGB Decimal	69, 214, 169	`rgb(69,214,169)`
RGB Percent	27.1, 83.9, 66.3	`rgb(27.1%,83.9%,66.3%)`
CMYK	68, 0, 21, 16
HSL	161.4°, 63.9, 55.5	`hsl(161.4,63.9%,55.5%)`
HSV (or HSB)	161.4°, 67.8, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.412, -48.891, 11.159
XYZ	33.66, 52.22, 45.839
xyY	0.256, 0.396, 52.22
CIE-LCH	77.412, 50.148, 167.142
CIE-LUV	77.412, -57.141, 24.211
Hunter-Lab	72.263, -43.317, 12.974
Binary	01000101, 11010110, 10101001

#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#d64572
```
#d64572 rgb(214,69,114)
```

Complementary Color

#45d661
```
#45d661 rgb(69,214,97)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#45bbd6
```
#45bbd6 rgb(69,187,214)
```

Analogous Color

#d66145
```
#d66145 rgb(214,97,69)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#d645bb
```
#d645bb rgb(214,69,187)
```

Split Complementary Color

#d6a945
```
#d6a945 rgb(214,169,69)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#a945d6
```
#a945d6 rgb(169,69,214)
```

Triadic Color

#72d645
```
#72d645 rgb(114,214,69)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#a945d6
```
#a945d6 rgb(169,69,214)
```
#d64572
```
#d64572 rgb(214,69,114)
```

Tetradic Color

#25a980
```
#25a980 rgb(37,169,128)
```
#2abe90
```
#2abe90 rgb(42,190,144)
```
#30d19f
```
#30d19f rgb(48,209,159)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#5adbb3
```
#5adbb3 rgb(90,219,179)
```
#6fdfbc
```
#6fdfbc rgb(111,223,188)
```
#84e4c6
```
#84e4c6 rgb(132,228,198)
```

Monochromatic Color

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

#45d685
```
#45d685 rgb(69,214,133)
```
#45d691
```
#45d691 rgb(69,214,145)
```
#45d69d
```
#45d69d rgb(69,214,157)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#45d6b5
```
#45d6b5 rgb(69,214,181)
```
#45d6c1
```
#45d6c1 rgb(69,214,193)
```
#45d6cd
```
#45d6cd rgb(69,214,205)
```

Similar Colors

Text with hexadecimal color #45d6a9

This text has a font color of #45d6a9.

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

#45d6a9 background color

This paragraph has a background color of #45d6a9.

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

#45d6a9 border color

This element has a border color of #45d6a9.

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

CSS codes

.text {color:#45d6a9;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#051711
```
#051711 rgb(5,23,17)
```
#09271e
```
#09271e rgb(9,39,30)
```
#0c372a
```
#0c372a rgb(12,55,42)
```
#104736
```
#104736 rgb(16,71,54)
```
#135742
```
#135742 rgb(19,87,66)
```
#17674e
```
#17674e rgb(23,103,78)
```
#1a775a
```
#1a775a rgb(26,119,90)
```
#1e8767
```
#1e8767 rgb(30,135,103)
```
#219873
```
#219873 rgb(33,152,115)
```
#25a87f
```
#25a87f rgb(37,168,127)
```
#28b88b
```
#28b88b rgb(40,184,139)
```
#2cc897
```
#2cc897 rgb(44,200,151)
```

Shade Color Variation

#35d2a2
```
#35d2a2 rgb(53,210,162)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#55dab0
```
#55dab0 rgb(85,218,176)
```
#65ddb8
```
#65ddb8 rgb(101,221,184)
```
#75e1bf
```
#75e1bf rgb(117,225,191)
```
#85e4c7
```
#85e4c7 rgb(133,228,199)
```
#95e8ce
```
#95e8ce rgb(149,232,206)
```
#a5ebd6
```
#a5ebd6 rgb(165,235,214)
```
#b6efdd
```
#b6efdd rgb(182,239,221)
```
#c6f2e4
```
#c6f2e4 rgb(198,242,228)
```
#d6f6ec
```
#d6f6ec rgb(214,246,236)
```
#e6f9f3
```
#e6f9f3 rgb(230,249,243)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#8b908f
```
#8b908f rgb(139,144,143)
```
#829992
```
#829992 rgb(130,153,146)
```
#79a295
```
#79a295 rgb(121,162,149)
```
#71aa98
```
#71aa98 rgb(113,170,152)
```
#68b39c
```
#68b39c rgb(104,179,156)
```
#5fbc9f
```
#5fbc9f rgb(95,188,159)
```
#56c5a2
```
#56c5a2 rgb(86,197,162)
```
#4ecda6
```
#4ecda6 rgb(78,205,166)
```
#45d6a9
```
#45d6a9 rgb(69,214,169)
```
#3cdfac
```
#3cdfac rgb(60,223,172)
```
#34e7b0
```
#34e7b0 rgb(52,231,176)
```
#2bf0b3
```
#2bf0b3 rgb(43,240,179)
```
#22f9b6
```
#22f9b6 rgb(34,249,182)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#93b0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc2a3 Protanopia 1% of men
#d8bcb7 Deuteranopia 1% of men
#69d1e0 Tritanopia 0.001% of the population

Trichromacy

#9bc9a5 Protanomaly 1% of men, 0.01% of women
#a3c5b2 Deuteranomaly 6% of men, 0.4% of women
#5bd2cc Tritanomaly 0.01% of the population

#45d6a9 hex color

#45d6a9 Color Information

#45d6a9 Color Conversion

Color Schemes with #45d6a9

Alternatives to #45d6a9

#45d6a9 Preview

Shades and Tints of #45d6a9

Tones of #45d6a9

Color Blindness Simulator