#45a49e hex color

In a RGB color space, hex #45a49e is composed of 27.1% red, 64.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 3.7% yellow and 35.7% black. It has a hue angle of 176.2 degrees, a saturation of 40.8% and a lightness of 45.7%. #45a49e color hex could be obtained by blending #8affff with #00493d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 64
- B 62
RGB color chart
- C 58
- M 0
- Y 4
- K 36
CMYK color chart

● #45a49e color description : Dark moderate cyan.

The hexadecimal color #45a49e has RGB values of R:69, G:164, B:158 and CMYK values of C:0.58, M:0, Y:0.04, K:0.36. Its decimal value is 4564126.

Hex triplet	45a49e	`#45a49e`
RGB Decimal	69, 164, 158	`rgb(69,164,158)`
RGB Percent	27.1, 64.3, 62	`rgb(27.1%,64.3%,62%)`
CMYK	58, 0, 4, 36
HSL	176.2°, 40.8, 45.7	`hsl(176.2,40.8%,45.7%)`
HSV (or HSB)	176.2°, 57.9, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.898, -29.239, -5.305
XYZ	21.899, 30.283, 37.037
xyY	0.245, 0.339, 30.283
CIE-LCH	61.898, 29.717, 190.284
CIE-LUV	61.898, -39.168, -3.406
Hunter-Lab	55.03, -25.268, -1.383
Binary	01000101, 10100100, 10011110

#45a49e
```
#45a49e rgb(69,164,158)
```
#a4454b
```
#a4454b rgb(164,69,75)
```

Complementary Color

#45a46f
```
#45a46f rgb(69,164,111)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#457ba4
```
#457ba4 rgb(69,123,164)
```

Analogous Color

#a46f45
```
#a46f45 rgb(164,111,69)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#a4457b
```
#a4457b rgb(164,69,123)
```

Split Complementary Color

#a49e45
```
#a49e45 rgb(164,158,69)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#9e45a4
```
#9e45a4 rgb(158,69,164)
```

Triadic Color

#4ba445
```
#4ba445 rgb(75,164,69)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#9e45a4
```
#9e45a4 rgb(158,69,164)
```
#a4454b
```
#a4454b rgb(164,69,75)
```

Tetradic Color

#2e6e6a
```
#2e6e6a rgb(46,110,106)
```
#36807b
```
#36807b rgb(54,128,123)
```
#3d928d
```
#3d928d rgb(61,146,141)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#4eb5ae
```
#4eb5ae rgb(78,181,174)
```
#60bcb6
```
#60bcb6 rgb(96,188,182)
```
#72c4be
```
#72c4be rgb(114,196,190)
```

Monochromatic Color

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

#45a486
```
#45a486 rgb(69,164,134)
```
#45a48e
```
#45a48e rgb(69,164,142)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#45a2a4
```
#45a2a4 rgb(69,162,164)
```
#459aa4
```
#459aa4 rgb(69,154,164)
```
#4592a4
```
#4592a4 rgb(69,146,164)
```

Similar Colors

Text with hexadecimal color #45a49e

This text has a font color of #45a49e.

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

#45a49e background color

This paragraph has a background color of #45a49e.

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

#45a49e border color

This element has a border color of #45a49e.

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

CSS codes

.text {color:#45a49e;}

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

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

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, #050c0c is the darkest color, while #fdfefe is the lightest one.

#050c0c
```
#050c0c rgb(5,12,12)
```
#0b1a19
```
#0b1a19 rgb(11,26,25)
```
#112826
```
#112826 rgb(17,40,38)
```
#173634
```
#173634 rgb(23,54,52)
```
#1c4341
```
#1c4341 rgb(28,67,65)
```
#22514e
```
#22514e rgb(34,81,78)
```
#285f5b
```
#285f5b rgb(40,95,91)
```
#2e6d69
```
#2e6d69 rgb(46,109,105)
```
#347b76
```
#347b76 rgb(52,123,118)
```
#398883
```
#398883 rgb(57,136,131)
```
#3f9691
```
#3f9691 rgb(63,150,145)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#4bb2ab
```
#4bb2ab rgb(75,178,171)
```

Shade Color Variation

#58b9b2
```
#58b9b2 rgb(88,185,178)
```
#65beb9
```
#65beb9 rgb(101,190,185)
```
#73c4bf
```
#73c4bf rgb(115,196,191)
```
#81cac5
```
#81cac5 rgb(129,202,197)
```
#8fd0cc
```
#8fd0cc rgb(143,208,204)
```
#9dd6d2
```
#9dd6d2 rgb(157,214,210)
```
#aadbd8
```
#aadbd8 rgb(170,219,216)
```
#b8e1df
```
#b8e1df rgb(184,225,223)
```
#c6e7e5
```
#c6e7e5 rgb(198,231,229)
```
#d4edeb
```
#d4edeb rgb(212,237,235)
```
#e2f3f2
```
#e2f3f2 rgb(226,243,242)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#727777
```
#727777 rgb(114,119,119)
```
#69807f
```
#69807f rgb(105,128,127)
```
#608987
```
#608987 rgb(96,137,135)
```
#57928e
```
#57928e rgb(87,146,142)
```
#4e9b96
```
#4e9b96 rgb(78,155,150)
```
#45a49e
```
#45a49e rgb(69,164,158)
```
#3cada6
```
#3cada6 rgb(60,173,166)
```
#33b6ae
```
#33b6ae rgb(51,182,174)
```
#2abfb5
```
#2abfb5 rgb(42,191,181)
```
#21c8bd
```
#21c8bd rgb(33,200,189)
```
#18d1c5
```
#18d1c5 rgb(24,209,197)
```
#0fdacd
```
#0fdacd rgb(15,218,205)
```
#06e3d5
```
#06e3d5 rgb(6,227,213)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9a9b Protanopia 1% of men
#a297a9 Deuteranopia 1% of men
#56a6b2 Tritanopia 0.001% of the population

Trichromacy

#7d9d9c Protanomaly 1% of men, 0.01% of women
#809ba5 Deuteranomaly 6% of men, 0.4% of women
#4fa5ab Tritanomaly 0.01% of the population

#45a49e hex color

#45a49e Color Information

#45a49e Color Conversion

Color Schemes with #45a49e

Alternatives to #45a49e

#45a49e Preview

Shades and Tints of #45a49e

Tones of #45a49e

Color Blindness Simulator