#45aa99 hex color

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

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

● #45aa99 color description : Dark moderate cyan.

The hexadecimal color #45aa99 has RGB values of R:69, G:170, B:153 and CMYK values of C:0.59, M:0, Y:0.1, K:0.33. Its decimal value is 4565657.

Hex triplet	45aa99	`#45aa99`
RGB Decimal	69, 170, 153	`rgb(69,170,153)`
RGB Percent	27.1, 66.7, 60	`rgb(27.1%,66.7%,60%)`
CMYK	59, 0, 10, 33
HSL	169.9°, 42.3, 46.9	`hsl(169.9,42.3%,46.9%)`
HSV (or HSB)	169.9°, 59.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.601, -33.45, 0.001
XYZ	22.577, 32.313, 35.182
xyY	0.251, 0.359, 32.313
CIE-LCH	63.601, 33.45, 179.999
CIE-LUV	63.601, -41.733, 5.142
Hunter-Lab	56.844, -28.583, 3.095
Binary	01000101, 10101010, 10011001

#45aa99
```
#45aa99 rgb(69,170,153)
```
#aa4556
```
#aa4556 rgb(170,69,86)
```

Complementary Color

#45aa67
```
#45aa67 rgb(69,170,103)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#4589aa
```
#4589aa rgb(69,137,170)
```

Analogous Color

#aa6745
```
#aa6745 rgb(170,103,69)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#aa4589
```
#aa4589 rgb(170,69,137)
```

Split Complementary Color

#aa9945
```
#aa9945 rgb(170,153,69)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#9945aa
```
#9945aa rgb(153,69,170)
```

Triadic Color

#56aa45
```
#56aa45 rgb(86,170,69)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#9945aa
```
#9945aa rgb(153,69,170)
```
#aa4556
```
#aa4556 rgb(170,69,86)
```

Tetradic Color

#2f7468
```
#2f7468 rgb(47,116,104)
```
#368678
```
#368678 rgb(54,134,120)
```
#3e9889
```
#3e9889 rgb(62,152,137)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#50b8a7
```
#50b8a7 rgb(80,184,167)
```
#63bfb0
```
#63bfb0 rgb(99,191,176)
```
#75c7b9
```
#75c7b9 rgb(117,199,185)
```

Monochromatic Color

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

#45aa80
```
#45aa80 rgb(69,170,128)
```
#45aa88
```
#45aa88 rgb(69,170,136)
```
#45aa91
```
#45aa91 rgb(69,170,145)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#45aaa1
```
#45aaa1 rgb(69,170,161)
```
#45aaaa
```
#45aaaa rgb(69,170,170)
```
#45a2aa
```
#45a2aa rgb(69,162,170)
```

Similar Colors

Text with hexadecimal color #45aa99

This text has a font color of #45aa99.

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

#45aa99 background color

This paragraph has a background color of #45aa99.

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

#45aa99 border color

This element has a border color of #45aa99.

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

CSS codes

.text {color:#45aa99;}

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

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

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 #f4faf9 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07110f
```
#07110f rgb(7,17,15)
```
#0c1e1b
```
#0c1e1b rgb(12,30,27)
```
#122c28
```
#122c28 rgb(18,44,40)
```
#183a35
```
#183a35 rgb(24,58,53)
```
#1d4841
```
#1d4841 rgb(29,72,65)
```
#23564e
```
#23564e rgb(35,86,78)
```
#29645a
```
#29645a rgb(41,100,90)
```
#2e7267
```
#2e7267 rgb(46,114,103)
```
#348073
```
#348073 rgb(52,128,115)
```
#3a8e80
```
#3a8e80 rgb(58,142,128)
```
#3f9c8c
```
#3f9c8c rgb(63,156,140)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```

Shade Color Variation

#4cb6a5
```
#4cb6a5 rgb(76,182,165)
```
#5abcac
```
#5abcac rgb(90,188,172)
```
#68c2b3
```
#68c2b3 rgb(104,194,179)
```
#76c7ba
```
#76c7ba rgb(118,199,186)
```
#84cdc1
```
#84cdc1 rgb(132,205,193)
```
#92d3c8
```
#92d3c8 rgb(146,211,200)
```
#a0d8cf
```
#a0d8cf rgb(160,216,207)
```
#aeded6
```
#aeded6 rgb(174,222,214)
```
#bce4dd
```
#bce4dd rgb(188,228,221)
```
#cae9e4
```
#cae9e4 rgb(202,233,228)
```
#d8efeb
```
#d8efeb rgb(216,239,235)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#737c7b
```
#737c7b rgb(115,124,123)
```
#6a8581
```
#6a8581 rgb(106,133,129)
```
#618e87
```
#618e87 rgb(97,142,135)
```
#57988d
```
#57988d rgb(87,152,141)
```
#4ea193
```
#4ea193 rgb(78,161,147)
```
#45aa99
```
#45aa99 rgb(69,170,153)
```
#3cb39f
```
#3cb39f rgb(60,179,159)
```
#33bca5
```
#33bca5 rgb(51,188,165)
```
#29c6ab
```
#29c6ab rgb(41,198,171)
```
#20cfb1
```
#20cfb1 rgb(32,207,177)
```
#17d8b7
```
#17d8b7 rgb(23,216,183)
```
#0ee1be
```
#0ee1be rgb(14,225,190)
```
#05eac4
```
#05eac4 rgb(5,234,196)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7c908d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49e96 Protanopia 1% of men
#ab9aa5 Deuteranopia 1% of men
#5aaab7 Tritanopia 0.001% of the population

Trichromacy

#81a297 Protanomaly 1% of men, 0.01% of women
#86a0a0 Deuteranomaly 6% of men, 0.4% of women
#52aaac Tritanomaly 0.01% of the population

#45aa99 hex color

#45aa99 Color Information

#45aa99 Color Conversion

Color Schemes with #45aa99

Alternatives to #45aa99

#45aa99 Preview

Shades and Tints of #45aa99

Tones of #45aa99

Color Blindness Simulator