#45c1ae hex color

In a RGB color space, hex #45c1ae is composed of 27.1% red, 75.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 9.8% yellow and 24.3% black. It has a hue angle of 170.8 degrees, a saturation of 50% and a lightness of 51.4%. #45c1ae color hex could be obtained by blending #8affff with #00835d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 76
- B 68
RGB color chart
- C 64
- M 0
- Y 10
- K 24
CMYK color chart

● #45c1ae color description : Moderate cyan.

The hexadecimal color #45c1ae has RGB values of R:69, G:193, B:174 and CMYK values of C:0.64, M:0, Y:0.1, K:0.24. Its decimal value is 4571566.

Hex triplet	45c1ae	`#45c1ae`
RGB Decimal	69, 193, 174	`rgb(69,193,174)`
RGB Percent	27.1, 75.7, 68.2	`rgb(27.1%,75.7%,68.2%)`
CMYK	64, 0, 10, 24
HSL	170.8°, 50, 51.4	`hsl(170.8,50%,51.4%)`
HSV (or HSB)	170.8°, 64.2, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.186, -38.57, -0.508
XYZ	29.162, 42.459, 46.701
xyY	0.246, 0.359, 42.459
CIE-LCH	71.186, 38.573, 180.755
CIE-LUV	71.186, -49.179, 5.26
Hunter-Lab	65.16, -34.145, 3.119
Binary	01000101, 11000001, 10101110

#45c1ae
```
#45c1ae rgb(69,193,174)
```
#c14558
```
#c14558 rgb(193,69,88)
```

Complementary Color

#45c170
```
#45c170 rgb(69,193,112)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#4596c1
```
#4596c1 rgb(69,150,193)
```

Analogous Color

#c17045
```
#c17045 rgb(193,112,69)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#c14596
```
#c14596 rgb(193,69,150)
```

Split Complementary Color

#c1ae45
```
#c1ae45 rgb(193,174,69)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#ae45c1
```
#ae45c1 rgb(174,69,193)
```

Triadic Color

#58c145
```
#58c145 rgb(88,193,69)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#ae45c1
```
#ae45c1 rgb(174,69,193)
```
#c14558
```
#c14558 rgb(193,69,88)
```

Tetradic Color

#2e8b7d
```
#2e8b7d rgb(46,139,125)
```
#359e8e
```
#359e8e rgb(53,158,142)
```
#3bb19f
```
#3bb19f rgb(59,177,159)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#58c7b6
```
#58c7b6 rgb(88,199,182)
```
#6bcebf
```
#6bcebf rgb(107,206,191)
```
#7ed4c7
```
#7ed4c7 rgb(126,212,199)
```

Monochromatic Color

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

#45c18f
```
#45c18f rgb(69,193,143)
```
#45c199
```
#45c199 rgb(69,193,153)
```
#45c1a4
```
#45c1a4 rgb(69,193,164)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#45c1b8
```
#45c1b8 rgb(69,193,184)
```
#45bfc1
```
#45bfc1 rgb(69,191,193)
```
#45b5c1
```
#45b5c1 rgb(69,181,193)
```

Similar Colors

Text with hexadecimal color #45c1ae

This text has a font color of #45c1ae.

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

#45c1ae background color

This paragraph has a background color of #45c1ae.

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

#45c1ae border color

This element has a border color of #45c1ae.

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

CSS codes

.text {color:#45c1ae;}

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

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

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)
```
#071412
```
#071412 rgb(7,20,18)
```
#0c231f
```
#0c231f rgb(12,35,31)
```
#10312c
```
#10312c rgb(16,49,44)
```
#15403a
```
#15403a rgb(21,64,58)
```
#1a4f47
```
#1a4f47 rgb(26,79,71)
```
#1f5e54
```
#1f5e54 rgb(31,94,84)
```
#246c61
```
#246c61 rgb(36,108,97)
```
#297b6e
```
#297b6e rgb(41,123,110)
```
#2e8a7c
```
#2e8a7c rgb(46,138,124)
```
#339889
```
#339889 rgb(51,152,137)
```
#38a796
```
#38a796 rgb(56,167,150)
```
#3db6a3
```
#3db6a3 rgb(61,182,163)
```

Shade Color Variation

#45c1ae
```
#45c1ae rgb(69,193,174)
```
#54c6b4
```
#54c6b4 rgb(84,198,180)
```
#62cbbb
```
#62cbbb rgb(98,203,187)
```
#71d0c1
```
#71d0c1 rgb(113,208,193)
```
#80d5c8
```
#80d5c8 rgb(128,213,200)
```
#8fdace
```
#8fdace rgb(143,218,206)
```
#9dded4
```
#9dded4 rgb(157,222,212)
```
#ace3db
```
#ace3db rgb(172,227,219)
```
#bbe8e1
```
#bbe8e1 rgb(187,232,225)
```
#c9ede8
```
#c9ede8 rgb(201,237,232)
```
#d8f2ee
```
#d8f2ee rgb(216,242,238)
```
#e7f7f4
```
#e7f7f4 rgb(231,247,244)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8886 is the less saturated color, while #0cfad6 is the most saturated one.

#7e8886
```
#7e8886 rgb(126,136,134)
```
#75918d
```
#75918d rgb(117,145,141)
```
#6b9b94
```
#6b9b94 rgb(107,155,148)
```
#62a49a
```
#62a49a rgb(98,164,154)
```
#58aea1
```
#58aea1 rgb(88,174,161)
```
#4fb7a7
```
#4fb7a7 rgb(79,183,167)
```
#45c1ae
```
#45c1ae rgb(69,193,174)
```
#3bcbb5
```
#3bcbb5 rgb(59,203,181)
```
#32d4bb
```
#32d4bb rgb(50,212,187)
```
#28dec2
```
#28dec2 rgb(40,222,194)
```
#1fe7c8
```
#1fe7c8 rgb(31,231,200)
```
#15f1cf
```
#15f1cf rgb(21,241,207)
```
#0cfad6
```
#0cfad6 rgb(12,250,214)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#89a29e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b1a8 Protanopia 1% of men
#bfadba Deuteranopia 1% of men
#5dc0ce Tritanopia 0.001% of the population

Trichromacy

#8eb7aa Protanomaly 1% of men, 0.01% of women
#92b4b5 Deuteranomaly 6% of men, 0.4% of women
#54c0c2 Tritanomaly 0.01% of the population

#45c1ae hex color

#45c1ae Color Information

#45c1ae Color Conversion

Color Schemes with #45c1ae

Alternatives to #45c1ae

#45c1ae Preview

Shades and Tints of #45c1ae

Tones of #45c1ae

Color Blindness Simulator