colorhexa.com

#45dd86 hex color

In a RGB color space, hex #45dd86 is composed of 27.1% red, 86.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 0% magenta, 39.4% yellow and 13.3% black. It has a hue angle of 145.7 degrees, a saturation of 69.1% and a lightness of 56.9%. #45dd86 color hex could be obtained by blending #8affff with #00bb0d. Closest websafe color is: #33cc99.

- R 27
- G 87
- B 53
RGB color chart
- C 69
- M 0
- Y 39
- K 13
CMYK color chart

● #45dd86 color description : Soft cyan - lime green.

The hexadecimal color #45dd86 has RGB values of R:69, G:221, B:134 and CMYK values of C:0.69, M:0, Y:0.39, K:0.13. Its decimal value is 4578694.

Hex triplet	45dd86	`#45dd86`
RGB Decimal	69, 221, 134	`rgb(69,221,134)`
RGB Percent	27.1, 86.7, 52.5	`rgb(27.1%,86.7%,52.5%)`
CMYK	69, 0, 39, 13
HSL	145.7°, 69.1, 56.9	`hsl(145.7,69.1%,56.9%)`
HSV (or HSB)	145.7°, 68.8, 86.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.866, -58.868, 31.438
XYZ	32.612, 54.696, 31.392
xyY	0.275, 0.461, 54.696
CIE-LCH	78.866, 66.737, 151.896
CIE-LUV	78.866, -61.645, 52.651
Hunter-Lab	73.957, -50.715, 26.604
Binary	01000101, 11011101, 10000110

#45dd86
```
#45dd86 rgb(69,221,134)
```
#dd459c
```
#dd459c rgb(221,69,156)
```

Complementary Color

#50dd45
```
#50dd45 rgb(80,221,69)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#45ddd2
```
#45ddd2 rgb(69,221,210)
```

Analogous Color

#dd4550
```
#dd4550 rgb(221,69,80)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#d245dd
```
#d245dd rgb(210,69,221)
```

Split Complementary Color

#dd8645
```
#dd8645 rgb(221,134,69)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#8645dd
```
#8645dd rgb(134,69,221)
```

Triadic Color

#9cdd45
```
#9cdd45 rgb(156,221,69)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#8645dd
```
#8645dd rgb(134,69,221)
```
#dd459c
```
#dd459c rgb(221,69,156)
```

Tetradic Color

#21b560
```
#21b560 rgb(33,181,96)
```
#25ca6c
```
#25ca6c rgb(37,202,108)
```
#2fd978
```
#2fd978 rgb(47,217,120)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#5be194
```
#5be194 rgb(91,225,148)
```
#70e5a2
```
#70e5a2 rgb(112,229,162)
```
#86e9b0
```
#86e9b0 rgb(134,233,176)
```

Monochromatic Color

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

#45dd60
```
#45dd60 rgb(69,221,96)
```
#45dd6d
```
#45dd6d rgb(69,221,109)
```
#45dd79
```
#45dd79 rgb(69,221,121)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#45dd93
```
#45dd93 rgb(69,221,147)
```
#45dd9f
```
#45dd9f rgb(69,221,159)
```
#45ddac
```
#45ddac rgb(69,221,172)
```

Similar Colors

Text with hexadecimal color #45dd86

This text has a font color of #45dd86.

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

#45dd86 background color

This paragraph has a background color of #45dd86.

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

#45dd86 border color

This element has a border color of #45dd86.

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

CSS codes

.text {color:#45dd86;}

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

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

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, #020d07 is the darkest color, while #fbfefd is the lightest one.

#020d07
```
#020d07 rgb(2,13,7)
```
#051e10
```
#051e10 rgb(5,30,16)
```
#082e19
```
#082e19 rgb(8,46,25)
```
#0b3f21
```
#0b3f21 rgb(11,63,33)
```
#0f4f2a
```
#0f4f2a rgb(15,79,42)
```
#126033
```
#126033 rgb(18,96,51)
```
#15713c
```
#15713c rgb(21,113,60)
```
#188145
```
#188145 rgb(24,129,69)
```
#1b924e
```
#1b924e rgb(27,146,78)
```
#1ea256
```
#1ea256 rgb(30,162,86)
```
#21b35f
```
#21b35f rgb(33,179,95)
```
#24c368
```
#24c368 rgb(36,195,104)
```
#27d471
```
#27d471 rgb(39,212,113)
```

Shade Color Variation

#34da7b
```
#34da7b rgb(52,218,123)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#56e091
```
#56e091 rgb(86,224,145)
```
#66e39c
```
#66e39c rgb(102,227,156)
```
#77e6a6
```
#77e6a6 rgb(119,230,166)
```
#87e9b1
```
#87e9b1 rgb(135,233,177)
```
#98ecbc
```
#98ecbc rgb(152,236,188)
```
#a9efc7
```
#a9efc7 rgb(169,239,199)
```
#b9f2d2
```
#b9f2d2 rgb(185,242,210)
```
#caf5dc
```
#caf5dc rgb(202,245,220)
```
#daf8e7
```
#daf8e7 rgb(218,248,231)
```
#ebfbf2
```
#ebfbf2 rgb(235,251,242)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #899990 is the less saturated color, while #23ff81 is the most saturated one.

#899990
```
#899990 rgb(137,153,144)
```
#80a28f
```
#80a28f rgb(128,162,143)
```
#78aa8d
```
#78aa8d rgb(120,170,141)
```
#6fb38c
```
#6fb38c rgb(111,179,140)
```
#67bb8b
```
#67bb8b rgb(103,187,139)
```
#5ec48a
```
#5ec48a rgb(94,196,138)
```
#56cc88
```
#56cc88 rgb(86,204,136)
```
#4dd587
```
#4dd587 rgb(77,213,135)
```
#45dd86
```
#45dd86 rgb(69,221,134)
```
#3de585
```
#3de585 rgb(61,229,133)
```
#34ee84
```
#34ee84 rgb(52,238,132)
```
#2cf682
```
#2cf682 rgb(44,246,130)
```
#23ff81
```
#23ff81 rgb(35,255,129)
```

Tone Color Variation

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

Dichromacy

#d7c682 Protanopia 1% of men
#e8be97 Deuteranopia 1% of men
#74d4e3 Tritanopia 0.001% of the population

Trichromacy

#a2ce84 Protanomaly 1% of men, 0.01% of women
#acc991 Deuteranomaly 6% of men, 0.4% of women
#62d7c1 Tritanomaly 0.01% of the population