#45d7a2 hex color

In a RGB color space, hex #45d7a2 is composed of 27.1% red, 84.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 24.7% yellow and 15.7% black. It has a hue angle of 158.2 degrees, a saturation of 64.6% and a lightness of 55.7%. #45d7a2 color hex could be obtained by blending #8affff with #00af45. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d7a2 has RGB values of R:69, G:215, B:162 and CMYK values of C:0.68, M:0, Y:0.25, K:0.16. Its decimal value is 4577186.

Hex triplet	45d7a2	`#45d7a2`
RGB Decimal	69, 215, 162	`rgb(69,215,162)`
RGB Percent	27.1, 84.3, 63.5	`rgb(27.1%,84.3%,63.5%)`
CMYK	68, 0, 25, 16
HSL	158.2°, 64.6, 55.7	`hsl(158.2,64.6%,55.7%)`
HSV (or HSB)	158.2°, 67.9, 84.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.562, -50.894, 15.087
XYZ	33.274, 52.472, 42.555
xyY	0.259, 0.409, 52.472
CIE-LCH	77.562, 53.083, 163.488
CIE-LUV	77.562, -57.924, 30.053
Hunter-Lab	72.437, -44.772, 15.875
Binary	01000101, 11010111, 10100010

#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#d7457a
```
#d7457a rgb(215,69,122)
```

Complementary Color

#45d759
```
#45d759 rgb(69,215,89)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#45c3d7
```
#45c3d7 rgb(69,195,215)
```

Analogous Color

#d75945
```
#d75945 rgb(215,89,69)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#d745c3
```
#d745c3 rgb(215,69,195)
```

Split Complementary Color

#d7a245
```
#d7a245 rgb(215,162,69)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#a245d7
```
#a245d7 rgb(162,69,215)
```

Triadic Color

#7ad745
```
#7ad745 rgb(122,215,69)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#a245d7
```
#a245d7 rgb(162,69,215)
```
#d7457a
```
#d7457a rgb(215,69,122)
```

Tetradic Color

#25ab7a
```
#25ab7a rgb(37,171,122)
```
#29c089
```
#29c089 rgb(41,192,137)
```
#30d298
```
#30d298 rgb(48,210,152)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#5adcac
```
#5adcac rgb(90,220,172)
```
#6fe0b7
```
#6fe0b7 rgb(111,224,183)
```
#84e5c1
```
#84e5c1 rgb(132,229,193)
```

Monochromatic Color

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

#45d77e
```
#45d77e rgb(69,215,126)
```
#45d78a
```
#45d78a rgb(69,215,138)
```
#45d796
```
#45d796 rgb(69,215,150)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#45d7ae
```
#45d7ae rgb(69,215,174)
```
#45d7ba
```
#45d7ba rgb(69,215,186)
```
#45d7c7
```
#45d7c7 rgb(69,215,199)
```

Similar Colors

Text with hexadecimal color #45d7a2

This text has a font color of #45d7a2.

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

#45d7a2 background color

This paragraph has a background color of #45d7a2.

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

#45d7a2 border color

This element has a border color of #45d7a2.

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

CSS codes

.text {color:#45d7a2;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#051811
```
#051811 rgb(5,24,17)
```
#09281d
```
#09281d rgb(9,40,29)
```
#0c3828
```
#0c3828 rgb(12,56,40)
```
#104834
```
#104834 rgb(16,72,52)
```
#13583f
```
#13583f rgb(19,88,63)
```
#16694b
```
#16694b rgb(22,105,75)
```
#1a7956
```
#1a7956 rgb(26,121,86)
```
#1d8962
```
#1d8962 rgb(29,137,98)
```
#21996d
```
#21996d rgb(33,153,109)
```
#24a979
```
#24a979 rgb(36,169,121)
```
#28b985
```
#28b985 rgb(40,185,133)
```
#2bc990
```
#2bc990 rgb(43,201,144)
```

Shade Color Variation

#35d49a
```
#35d49a rgb(53,212,154)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#55daaa
```
#55daaa rgb(85,218,170)
```
#65deb2
```
#65deb2 rgb(101,222,178)
```
#75e1ba
```
#75e1ba rgb(117,225,186)
```
#86e5c2
```
#86e5c2 rgb(134,229,194)
```
#96e8ca
```
#96e8ca rgb(150,232,202)
```
#a6ecd2
```
#a6ecd2 rgb(166,236,210)
```
#b6efdb
```
#b6efdb rgb(182,239,219)
```
#c6f3e3
```
#c6f3e3 rgb(198,243,227)
```
#d6f6eb
```
#d6f6eb rgb(214,246,235)
```
#e6faf3
```
#e6faf3 rgb(230,250,243)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#8b918f
```
#8b918f rgb(139,145,143)
```
#829a91
```
#829a91 rgb(130,154,145)
```
#79a394
```
#79a394 rgb(121,163,148)
```
#70ac96
```
#70ac96 rgb(112,172,150)
```
#68b498
```
#68b498 rgb(104,180,152)
```
#5fbd9b
```
#5fbd9b rgb(95,189,155)
```
#56c69d
```
#56c69d rgb(86,198,157)
```
#4ecea0
```
#4ecea0 rgb(78,206,160)
```
#45d7a2
```
#45d7a2 rgb(69,215,162)
```
#3ce0a4
```
#3ce0a4 rgb(60,224,164)
```
#34e8a7
```
#34e8a7 rgb(52,232,167)
```
#2bf1a9
```
#2bf1a9 rgb(43,241,169)
```
#22faac
```
#22faac rgb(34,250,172)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#92afa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec29c Protanopia 1% of men
#dbbcb0 Deuteranopia 1% of men
#6bd1e0 Tritanopia 0.001% of the population

Trichromacy

#9cc99e Protanomaly 1% of men, 0.01% of women
#a4c6ab Deuteranomaly 6% of men, 0.4% of women
#5dd3c9 Tritanomaly 0.01% of the population

#45d7a2 hex color

#45d7a2 Color Information

#45d7a2 Color Conversion

Color Schemes with #45d7a2

Alternatives to #45d7a2

#45d7a2 Preview

Shades and Tints of #45d7a2

Tones of #45d7a2

Color Blindness Simulator