#45d7a6 hex color

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

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

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

The hexadecimal color #45d7a6 has RGB values of R:69, G:215, B:166 and CMYK values of C:0.68, M:0, Y:0.23, K:0.16. Its decimal value is 4577190.

Hex triplet	45d7a6	`#45d7a6`
RGB Decimal	69, 215, 166	`rgb(69,215,166)`
RGB Percent	27.1, 84.3, 65.1	`rgb(27.1%,84.3%,65.1%)`
CMYK	68, 0, 23, 16
HSL	159.9°, 64.6, 55.7	`hsl(159.9,64.6%,55.7%)`
HSV (or HSB)	159.9°, 67.9, 84.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.648, -49.993, 13.087
XYZ	33.635, 52.616, 44.458
xyY	0.257, 0.403, 52.616
CIE-LCH	77.648, 51.678, 165.33
CIE-LUV	77.648, -57.683, 27.128
Hunter-Lab	72.537, -44.17, 14.437
Binary	01000101, 11010111, 10100110

#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#d74576
```
#d74576 rgb(215,69,118)
```

Complementary Color

#45d75d
```
#45d75d rgb(69,215,93)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#45bfd7
```
#45bfd7 rgb(69,191,215)
```

Analogous Color

#d75d45
```
#d75d45 rgb(215,93,69)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#d745bf
```
#d745bf rgb(215,69,191)
```

Split Complementary Color

#d7a645
```
#d7a645 rgb(215,166,69)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#a645d7
```
#a645d7 rgb(166,69,215)
```

Triadic Color

#76d745
```
#76d745 rgb(118,215,69)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#a645d7
```
#a645d7 rgb(166,69,215)
```
#d74576
```
#d74576 rgb(215,69,118)
```

Tetradic Color

#25ab7e
```
#25ab7e rgb(37,171,126)
```
#29c08d
```
#29c08d rgb(41,192,141)
```
#30d29c
```
#30d29c rgb(48,210,156)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#5adcb0
```
#5adcb0 rgb(90,220,176)
```
#6fe0ba
```
#6fe0ba rgb(111,224,186)
```
#84e5c4
```
#84e5c4 rgb(132,229,196)
```

Monochromatic Color

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

#45d782
```
#45d782 rgb(69,215,130)
```
#45d78e
```
#45d78e rgb(69,215,142)
```
#45d79a
```
#45d79a rgb(69,215,154)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#45d7b2
```
#45d7b2 rgb(69,215,178)
```
#45d7be
```
#45d7be rgb(69,215,190)
```
#45d7cb
```
#45d7cb rgb(69,215,203)
```

Similar Colors

Text with hexadecimal color #45d7a6

This text has a font color of #45d7a6.

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

#45d7a6 background color

This paragraph has a background color of #45d7a6.

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

#45d7a6 border color

This element has a border color of #45d7a6.

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

CSS codes

.text {color:#45d7a6;}

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

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

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)
```
#051812
```
#051812 rgb(5,24,18)
```
#09281d
```
#09281d rgb(9,40,29)
```
#0c3829
```
#0c3829 rgb(12,56,41)
```
#104835
```
#104835 rgb(16,72,53)
```
#135841
```
#135841 rgb(19,88,65)
```
#16694d
```
#16694d rgb(22,105,77)
```
#1a7959
```
#1a7959 rgb(26,121,89)
```
#1d8965
```
#1d8965 rgb(29,137,101)
```
#219971
```
#219971 rgb(33,153,113)
```
#24a97d
```
#24a97d rgb(36,169,125)
```
#28b988
```
#28b988 rgb(40,185,136)
```
#2bc994
```
#2bc994 rgb(43,201,148)
```

Shade Color Variation

#35d49e
```
#35d49e rgb(53,212,158)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#55daae
```
#55daae rgb(85,218,174)
```
#65deb5
```
#65deb5 rgb(101,222,181)
```
#75e1bd
```
#75e1bd rgb(117,225,189)
```
#86e5c5
```
#86e5c5 rgb(134,229,197)
```
#96e8cd
```
#96e8cd rgb(150,232,205)
```
#a6ecd4
```
#a6ecd4 rgb(166,236,212)
```
#b6efdc
```
#b6efdc rgb(182,239,220)
```
#c6f3e4
```
#c6f3e4 rgb(198,243,228)
```
#d6f6ec
```
#d6f6ec rgb(214,246,236)
```
#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 #22fab1 is the most saturated one.

#8b918f
```
#8b918f rgb(139,145,143)
```
#829a92
```
#829a92 rgb(130,154,146)
```
#79a395
```
#79a395 rgb(121,163,149)
```
#70ac98
```
#70ac98 rgb(112,172,152)
```
#68b49b
```
#68b49b rgb(104,180,155)
```
#5fbd9d
```
#5fbd9d rgb(95,189,157)
```
#56c6a0
```
#56c6a0 rgb(86,198,160)
```
#4ecea3
```
#4ecea3 rgb(78,206,163)
```
#45d7a6
```
#45d7a6 rgb(69,215,166)
```
#3ce0a9
```
#3ce0a9 rgb(60,224,169)
```
#34e8ac
```
#34e8ac rgb(52,232,172)
```
#2bf1af
```
#2bf1af rgb(43,241,175)
```
#22fab1
```
#22fab1 rgb(34,250,177)
```

Tone Color Variation

Below, you can see how #45d7a6 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
#93b0a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec2a0 Protanopia 1% of men
#dabcb4 Deuteranopia 1% of men
#6ad1e0 Tritanopia 0.001% of the population

Trichromacy

#9ccaa2 Protanomaly 1% of men, 0.01% of women
#a4c6af Deuteranomaly 6% of men, 0.4% of women
#5cd3cb Tritanomaly 0.01% of the population

#45d7a6 hex color

#45d7a6 Color Information

#45d7a6 Color Conversion

Color Schemes with #45d7a6

Alternatives to #45d7a6

#45d7a6 Preview

Shades and Tints of #45d7a6

Tones of #45d7a6

Color Blindness Simulator