#45aa89 hex color

In a RGB color space, hex #45aa89 is composed of 27.1% red, 66.7% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 0% magenta, 19.4% yellow and 33.3% black. It has a hue angle of 160.4 degrees, a saturation of 42.3% and a lightness of 46.9%. #45aa89 color hex could be obtained by blending #8affff with #005513. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 67
- B 54
RGB color chart
- C 59
- M 0
- Y 19
- K 33
CMYK color chart

● #45aa89 color description : Dark moderate cyan - lime green.

The hexadecimal color #45aa89 has RGB values of R:69, G:170, B:137 and CMYK values of C:0.59, M:0, Y:0.19, K:0.33. Its decimal value is 4565641.

Hex triplet	45aa89	`#45aa89`
RGB Decimal	69, 170, 137	`rgb(69,170,137)`
RGB Percent	27.1, 66.7, 53.7	`rgb(27.1%,66.7%,53.7%)`
CMYK	59, 0, 19, 33
HSL	160.4°, 42.3, 46.9	`hsl(160.4,42.3%,46.9%)`
HSV (or HSB)	160.4°, 59.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.193, -37.443, 8.332
XYZ	21.343, 31.819, 28.682
xyY	0.261, 0.389, 31.819
CIE-LCH	63.193, 38.358, 167.455
CIE-LUV	63.193, -42.576, 17.629
Hunter-Lab	56.408, -31.177, 9.338
Binary	01000101, 10101010, 10001001

#45aa89
```
#45aa89 rgb(69,170,137)
```
#aa4566
```
#aa4566 rgb(170,69,102)
```

Complementary Color

#45aa57
```
#45aa57 rgb(69,170,87)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#4599aa
```
#4599aa rgb(69,153,170)
```

Analogous Color

#aa5745
```
#aa5745 rgb(170,87,69)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#aa4599
```
#aa4599 rgb(170,69,153)
```

Split Complementary Color

#aa8945
```
#aa8945 rgb(170,137,69)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#8945aa
```
#8945aa rgb(137,69,170)
```

Triadic Color

#66aa45
```
#66aa45 rgb(102,170,69)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#8945aa
```
#8945aa rgb(137,69,170)
```
#aa4566
```
#aa4566 rgb(170,69,102)
```

Tetradic Color

#2f745d
```
#2f745d rgb(47,116,93)
```
#36866c
```
#36866c rgb(54,134,108)
```
#3e987a
```
#3e987a rgb(62,152,122)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#50b896
```
#50b896 rgb(80,184,150)
```
#63bfa1
```
#63bfa1 rgb(99,191,161)
```
#75c7ac
```
#75c7ac rgb(117,199,172)
```

Monochromatic Color

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

#45aa70
```
#45aa70 rgb(69,170,112)
```
#45aa78
```
#45aa78 rgb(69,170,120)
```
#45aa81
```
#45aa81 rgb(69,170,129)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#45aa91
```
#45aa91 rgb(69,170,145)
```
#45aa9a
```
#45aa9a rgb(69,170,154)
```
#45aaa2
```
#45aaa2 rgb(69,170,162)
```

Similar Colors

Text with hexadecimal color #45aa89

This text has a font color of #45aa89.

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

#45aa89 background color

This paragraph has a background color of #45aa89.

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

#45aa89 border color

This element has a border color of #45aa89.

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

CSS codes

.text {color:#45aa89;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07110d
```
#07110d rgb(7,17,13)
```
#0c1e19
```
#0c1e19 rgb(12,30,25)
```
#122c24
```
#122c24 rgb(18,44,36)
```
#183a2f
```
#183a2f rgb(24,58,47)
```
#1d483a
```
#1d483a rgb(29,72,58)
```
#235646
```
#235646 rgb(35,86,70)
```
#296451
```
#296451 rgb(41,100,81)
```
#2e725c
```
#2e725c rgb(46,114,92)
```
#348067
```
#348067 rgb(52,128,103)
```
#3a8e73
```
#3a8e73 rgb(58,142,115)
```
#3f9c7e
```
#3f9c7e rgb(63,156,126)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```

Shade Color Variation

#4cb694
```
#4cb694 rgb(76,182,148)
```
#5abc9c
```
#5abc9c rgb(90,188,156)
```
#68c2a4
```
#68c2a4 rgb(104,194,164)
```
#76c7ad
```
#76c7ad rgb(118,199,173)
```
#84cdb5
```
#84cdb5 rgb(132,205,181)
```
#92d3be
```
#92d3be rgb(146,211,190)
```
#a0d8c6
```
#a0d8c6 rgb(160,216,198)
```
#aedece
```
#aedece rgb(174,222,206)
```
#bce4d7
```
#bce4d7 rgb(188,228,215)
```
#cae9df
```
#cae9df rgb(202,233,223)
```
#d8efe7
```
#d8efe7 rgb(216,239,231)
```
#e6f5f0
```
#e6f5f0 rgb(230,245,240)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737c79 is the less saturated color, while #05ea9f is the most saturated one.

#737c79
```
#737c79 rgb(115,124,121)
```
#6a857c
```
#6a857c rgb(106,133,124)
```
#618e7f
```
#618e7f rgb(97,142,127)
```
#579883
```
#579883 rgb(87,152,131)
```
#4ea186
```
#4ea186 rgb(78,161,134)
```
#45aa89
```
#45aa89 rgb(69,170,137)
```
#3cb38c
```
#3cb38c rgb(60,179,140)
```
#33bc8f
```
#33bc8f rgb(51,188,143)
```
#29c693
```
#29c693 rgb(41,198,147)
```
#20cf96
```
#20cf96 rgb(32,207,150)
```
#17d899
```
#17d899 rgb(23,216,153)
```
#0ee19c
```
#0ee19c rgb(14,225,156)
```
#05ea9f
```
#05ea9f rgb(5,234,159)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b8f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69d87 Protanopia 1% of men
#af9996 Deuteranopia 1% of men
#5ea9b5 Tritanopia 0.001% of the population

Trichromacy

#82a287 Protanomaly 1% of men, 0.01% of women
#899f91 Deuteranomaly 6% of men, 0.4% of women
#55a9a5 Tritanomaly 0.01% of the population

#45aa89 hex color

#45aa89 Color Information

#45aa89 Color Conversion

Color Schemes with #45aa89

Alternatives to #45aa89

#45aa89 Preview

Shades and Tints of #45aa89

Tones of #45aa89

Color Blindness Simulator