#45d5aa hex color

In a RGB color space, hex #45d5aa is composed of 27.1% red, 83.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 0% magenta, 20.2% yellow and 16.5% black. It has a hue angle of 162.1 degrees, a saturation of 63.2% and a lightness of 55.3%. #45d5aa color hex could be obtained by blending #8affff with #00ab55. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d5aa has RGB values of R:69, G:213, B:170 and CMYK values of C:0.68, M:0, Y:0.2, K:0.16. Its decimal value is 4576682.

Hex triplet	45d5aa	`#45d5aa`
RGB Decimal	69, 213, 170	`rgb(69,213,170)`
RGB Percent	27.1, 83.5, 66.7	`rgb(27.1%,83.5%,66.7%)`
CMYK	68, 0, 20, 16
HSL	162.1°, 63.2, 55.3	`hsl(162.1,63.2%,55.3%)`
HSV (or HSB)	162.1°, 67.6, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.133, -48.242, 10.23
XYZ	33.501, 51.753, 46.252
xyY	0.255, 0.394, 51.753
CIE-LCH	77.133, 49.315, 168.027
CIE-LUV	77.133, -56.72, 22.766
Hunter-Lab	71.94, -42.769, 12.239
Binary	01000101, 11010101, 10101010

#45d5aa
```
#45d5aa rgb(69,213,170)
```
#d54570
```
#d54570 rgb(213,69,112)
```

Complementary Color

#45d562
```
#45d562 rgb(69,213,98)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#45b8d5
```
#45b8d5 rgb(69,184,213)
```

Analogous Color

#d56245
```
#d56245 rgb(213,98,69)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#d545b8
```
#d545b8 rgb(213,69,184)
```

Split Complementary Color

#d5aa45
```
#d5aa45 rgb(213,170,69)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#aa45d5
```
#aa45d5 rgb(170,69,213)
```

Triadic Color

#70d545
```
#70d545 rgb(112,213,69)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#aa45d5
```
#aa45d5 rgb(170,69,213)
```
#d54570
```
#d54570 rgb(213,69,112)
```

Tetradic Color

#26a881
```
#26a881 rgb(38,168,129)
```
#2bbc91
```
#2bbc91 rgb(43,188,145)
```
#30d0a0
```
#30d0a0 rgb(48,208,160)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#5adab4
```
#5adab4 rgb(90,218,180)
```
#6fdebd
```
#6fdebd rgb(111,222,189)
```
#83e3c7
```
#83e3c7 rgb(131,227,199)
```

Monochromatic Color

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

#45d586
```
#45d586 rgb(69,213,134)
```
#45d592
```
#45d592 rgb(69,213,146)
```
#45d59e
```
#45d59e rgb(69,213,158)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#45d5b6
```
#45d5b6 rgb(69,213,182)
```
#45d5c2
```
#45d5c2 rgb(69,213,194)
```
#45d5ce
```
#45d5ce rgb(69,213,206)
```

Similar Colors

Text with hexadecimal color #45d5aa

This text has a font color of #45d5aa.

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

#45d5aa background color

This paragraph has a background color of #45d5aa.

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

#45d5aa border color

This element has a border color of #45d5aa.

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

CSS codes

.text {color:#45d5aa;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051611
```
#051611 rgb(5,22,17)
```
#09261d
```
#09261d rgb(9,38,29)
```
#0c362a
```
#0c362a rgb(12,54,42)
```
#104636
```
#104636 rgb(16,70,54)
```
#135642
```
#135642 rgb(19,86,66)
```
#17664e
```
#17664e rgb(23,102,78)
```
#1b765b
```
#1b765b rgb(27,118,91)
```
#1e8667
```
#1e8667 rgb(30,134,103)
```
#229673
```
#229673 rgb(34,150,115)
```
#25a680
```
#25a680 rgb(37,166,128)
```
#29b68c
```
#29b68c rgb(41,182,140)
```
#2dc698
```
#2dc698 rgb(45,198,152)
```

Shade Color Variation

#35d1a3
```
#35d1a3 rgb(53,209,163)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#55d9b1
```
#55d9b1 rgb(85,217,177)
```
#65dcb9
```
#65dcb9 rgb(101,220,185)
```
#75e0c0
```
#75e0c0 rgb(117,224,192)
```
#85e3c7
```
#85e3c7 rgb(133,227,199)
```
#95e7cf
```
#95e7cf rgb(149,231,207)
```
#a5ebd6
```
#a5ebd6 rgb(165,235,214)
```
#b5eedd
```
#b5eedd rgb(181,238,221)
```
#c5f2e5
```
#c5f2e5 rgb(197,242,229)
```
#d5f6ec
```
#d5f6ec rgb(213,246,236)
```
#e5f9f3
```
#e5f9f3 rgb(229,249,243)
```
#f5fdfa
```
#f5fdfa rgb(245,253,250)
```

Tint Color Variation

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

#8b8f8e
```
#8b8f8e rgb(139,143,142)
```
#829891
```
#829891 rgb(130,152,145)
```
#7aa095
```
#7aa095 rgb(122,160,149)
```
#71a998
```
#71a998 rgb(113,169,152)
```
#68b29c
```
#68b29c rgb(104,178,156)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#57c3a3
```
#57c3a3 rgb(87,195,163)
```
#4ecca6
```
#4ecca6 rgb(78,204,166)
```
#45d5aa
```
#45d5aa rgb(69,213,170)
```
#3cdeae
```
#3cdeae rgb(60,222,174)
```
#33e7b1
```
#33e7b1 rgb(51,231,177)
```
#2befb5
```
#2befb5 rgb(43,239,181)
```
#22f8b8
```
#22f8b8 rgb(34,248,184)
```

Tone Color Variation

Below, you can see how #45d5aa 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
#92afa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc1a4 Protanopia 1% of men
#d7bbb8 Deuteranopia 1% of men
#68d0df Tritanopia 0.001% of the population

Trichromacy

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

#45d5aa hex color

#45d5aa Color Information

#45d5aa Color Conversion

Color Schemes with #45d5aa

Alternatives to #45d5aa

#45d5aa Preview

Shades and Tints of #45d5aa

Tones of #45d5aa

Color Blindness Simulator