#45ae9a hex color

In a RGB color space, hex #45ae9a is composed of 27.1% red, 68.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 11.5% yellow and 31.8% black. It has a hue angle of 168.6 degrees, a saturation of 43.2% and a lightness of 47.6%. #45ae9a color hex could be obtained by blending #8affff with #005d35. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 68
- B 60
RGB color chart
- C 60
- M 0
- Y 11
- K 32
CMYK color chart

● #45ae9a color description : Dark moderate cyan.

The hexadecimal color #45ae9a has RGB values of R:69, G:174, B:154 and CMYK values of C:0.6, M:0, Y:0.11, K:0.32. Its decimal value is 4566682.

Hex triplet	45ae9a	`#45ae9a`
RGB Decimal	69, 174, 154	`rgb(69,174,154)`
RGB Percent	27.1, 68.2, 60.4	`rgb(27.1%,68.2%,60.4%)`
CMYK	60, 0, 11, 32
HSL	168.6°, 43.2, 47.6	`hsl(168.6,43.2%,47.6%)`
HSV (or HSB)	168.6°, 60.3, 68.2
Web Safe	339999	`#339999`

CIE-LAB	64.858, -35.058, 1.277
XYZ	23.421, 33.868, 35.873
xyY	0.251, 0.364, 33.868
CIE-LCH	64.858, 35.081, 177.914
CIE-LUV	64.858, -43.207, 7.28
Hunter-Lab	58.197, -30.007, 4.191
Binary	01000101, 10101110, 10011010

#45ae9a
```
#45ae9a rgb(69,174,154)
```
#ae4559
```
#ae4559 rgb(174,69,89)
```

Complementary Color

#45ae66
```
#45ae66 rgb(69,174,102)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#458eae
```
#458eae rgb(69,142,174)
```

Analogous Color

#ae6645
```
#ae6645 rgb(174,102,69)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#ae458e
```
#ae458e rgb(174,69,142)
```

Split Complementary Color

#ae9a45
```
#ae9a45 rgb(174,154,69)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#9a45ae
```
#9a45ae rgb(154,69,174)
```

Triadic Color

#59ae45
```
#59ae45 rgb(89,174,69)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#9a45ae
```
#9a45ae rgb(154,69,174)
```
#ae4559
```
#ae4559 rgb(174,69,89)
```

Tetradic Color

#2f776a
```
#2f776a rgb(47,119,106)
```
#37897a
```
#37897a rgb(55,137,122)
```
#3e9c8a
```
#3e9c8a rgb(62,156,138)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#52baa7
```
#52baa7 rgb(82,186,167)
```
#64c2b0
```
#64c2b0 rgb(100,194,176)
```
#77c9b9
```
#77c9b9 rgb(119,201,185)
```

Monochromatic Color

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

#45ae80
```
#45ae80 rgb(69,174,128)
```
#45ae89
```
#45ae89 rgb(69,174,137)
```
#45ae91
```
#45ae91 rgb(69,174,145)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#45aea3
```
#45aea3 rgb(69,174,163)
```
#45aeac
```
#45aeac rgb(69,174,172)
```
#45a8ae
```
#45a8ae rgb(69,168,174)
```

Similar Colors

Text with hexadecimal color #45ae9a

This text has a font color of #45ae9a.

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

#45ae9a background color

This paragraph has a background color of #45ae9a.

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

#45ae9a border color

This element has a border color of #45ae9a.

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

CSS codes

.text {color:#45ae9a;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081311
```
#081311 rgb(8,19,17)
```
#0d221e
```
#0d221e rgb(13,34,30)
```
#13302a
```
#13302a rgb(19,48,42)
```
#183e37
```
#183e37 rgb(24,62,55)
```
#1e4c43
```
#1e4c43 rgb(30,76,67)
```
#245a4f
```
#245a4f rgb(36,90,79)
```
#29685c
```
#29685c rgb(41,104,92)
```
#2f7668
```
#2f7668 rgb(47,118,104)
```
#348475
```
#348475 rgb(52,132,117)
```
#3a9281
```
#3a9281 rgb(58,146,129)
```
#3fa08e
```
#3fa08e rgb(63,160,142)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```

Shade Color Variation

#4eb9a4
```
#4eb9a4 rgb(78,185,164)
```
#5cbeac
```
#5cbeac rgb(92,190,172)
```
#6ac4b3
```
#6ac4b3 rgb(106,196,179)
```
#78c9ba
```
#78c9ba rgb(120,201,186)
```
#86cfc1
```
#86cfc1 rgb(134,207,193)
```
#94d5c8
```
#94d5c8 rgb(148,213,200)
```
#a2dacf
```
#a2dacf rgb(162,218,207)
```
#b0e0d7
```
#b0e0d7 rgb(176,224,215)
```
#bee5de
```
#bee5de rgb(190,229,222)
```
#ccebe5
```
#ccebe5 rgb(204,235,229)
```
#daf0ec
```
#daf0ec rgb(218,240,236)
```
#e8f6f3
```
#e8f6f3 rgb(232,246,243)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747f7d is the less saturated color, while #04efc3 is the most saturated one.

#747f7d
```
#747f7d rgb(116,127,125)
```
#6a8983
```
#6a8983 rgb(106,137,131)
```
#619289
```
#619289 rgb(97,146,137)
```
#589b8e
```
#589b8e rgb(88,155,142)
```
#4ea594
```
#4ea594 rgb(78,165,148)
```
#45ae9a
```
#45ae9a rgb(69,174,154)
```
#3cb7a0
```
#3cb7a0 rgb(60,183,160)
```
#32c1a6
```
#32c1a6 rgb(50,193,166)
```
#29caab
```
#29caab rgb(41,202,171)
```
#20d3b1
```
#20d3b1 rgb(32,211,177)
```
#16ddb7
```
#16ddb7 rgb(22,221,183)
```
#0de6bd
```
#0de6bd rgb(13,230,189)
```
#04efc3
```
#04efc3 rgb(4,239,195)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e938f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a196 Protanopia 1% of men
#af9da6 Deuteranopia 1% of men
#5baeba Tritanopia 0.001% of the population

Trichromacy

#83a698 Protanomaly 1% of men, 0.01% of women
#88a3a1 Deuteranomaly 6% of men, 0.4% of women
#53aeae Tritanomaly 0.01% of the population

#45ae9a hex color

#45ae9a Color Information

#45ae9a Color Conversion

Color Schemes with #45ae9a

Alternatives to #45ae9a

#45ae9a Preview

Shades and Tints of #45ae9a

Tones of #45ae9a

Color Blindness Simulator