#45aa96 hex color

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

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

● #45aa96 color description : Dark moderate cyan.

The hexadecimal color #45aa96 has RGB values of R:69, G:170, B:150 and CMYK values of C:0.59, M:0, Y:0.12, K:0.33. Its decimal value is 4565654.

Hex triplet	45aa96	`#45aa96`
RGB Decimal	69, 170, 150	`rgb(69,170,150)`
RGB Percent	27.1, 66.7, 58.8	`rgb(27.1%,66.7%,58.8%)`
CMYK	59, 0, 12, 33
HSL	168.1°, 42.3, 46.9	`hsl(168.1,42.3%,46.9%)`
HSV (or HSB)	168.1°, 59.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.52, -34.226, 1.559
XYZ	22.332, 32.215, 33.894
xyY	0.253, 0.364, 32.215
CIE-LCH	63.52, 34.262, 177.392
CIE-LUV	63.52, -41.893, 7.538
Hunter-Lab	56.758, -29.094, 4.325
Binary	01000101, 10101010, 10010110

#45aa96
```
#45aa96 rgb(69,170,150)
```
#aa4559
```
#aa4559 rgb(170,69,89)
```

Complementary Color

#45aa64
```
#45aa64 rgb(69,170,100)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#458caa
```
#458caa rgb(69,140,170)
```

Analogous Color

#aa6445
```
#aa6445 rgb(170,100,69)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#aa458c
```
#aa458c rgb(170,69,140)
```

Split Complementary Color

#aa9645
```
#aa9645 rgb(170,150,69)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#9645aa
```
#9645aa rgb(150,69,170)
```

Triadic Color

#59aa45
```
#59aa45 rgb(89,170,69)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#9645aa
```
#9645aa rgb(150,69,170)
```
#aa4559
```
#aa4559 rgb(170,69,89)
```

Tetradic Color

#2f7466
```
#2f7466 rgb(47,116,102)
```
#368676
```
#368676 rgb(54,134,118)
```
#3e9886
```
#3e9886 rgb(62,152,134)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#50b8a4
```
#50b8a4 rgb(80,184,164)
```
#63bfad
```
#63bfad rgb(99,191,173)
```
#75c7b7
```
#75c7b7 rgb(117,199,183)
```

Monochromatic Color

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

#45aa7d
```
#45aa7d rgb(69,170,125)
```
#45aa85
```
#45aa85 rgb(69,170,133)
```
#45aa8e
```
#45aa8e rgb(69,170,142)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#45aa9e
```
#45aa9e rgb(69,170,158)
```
#45aaa7
```
#45aaa7 rgb(69,170,167)
```
#45a5aa
```
#45a5aa rgb(69,165,170)
```

Similar Colors

Text with hexadecimal color #45aa96

This text has a font color of #45aa96.

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

#45aa96 background color

This paragraph has a background color of #45aa96.

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

#45aa96 border color

This element has a border color of #45aa96.

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

CSS codes

.text {color:#45aa96;}

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

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

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)
```
#122c27
```
#122c27 rgb(18,44,39)
```
#183a34
```
#183a34 rgb(24,58,52)
```
#1d4840
```
#1d4840 rgb(29,72,64)
```
#23564c
```
#23564c rgb(35,86,76)
```
#296458
```
#296458 rgb(41,100,88)
```
#2e7265
```
#2e7265 rgb(46,114,101)
```
#348071
```
#348071 rgb(52,128,113)
```
#3a8e7d
```
#3a8e7d rgb(58,142,125)
```
#3f9c8a
```
#3f9c8a rgb(63,156,138)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```

Shade Color Variation

#4cb6a1
```
#4cb6a1 rgb(76,182,161)
```
#5abca9
```
#5abca9 rgb(90,188,169)
```
#68c2b0
```
#68c2b0 rgb(104,194,176)
```
#76c7b7
```
#76c7b7 rgb(118,199,183)
```
#84cdbf
```
#84cdbf rgb(132,205,191)
```
#92d3c6
```
#92d3c6 rgb(146,211,198)
```
#a0d8cd
```
#a0d8cd rgb(160,216,205)
```
#aeded5
```
#aeded5 rgb(174,222,213)
```
#bce4dc
```
#bce4dc rgb(188,228,220)
```
#cae9e3
```
#cae9e3 rgb(202,233,227)
```
#d8efea
```
#d8efea rgb(216,239,234)
```
#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, #737c7a is the less saturated color, while #05eabd is the most saturated one.

#737c7a
```
#737c7a rgb(115,124,122)
```
#6a8580
```
#6a8580 rgb(106,133,128)
```
#618e85
```
#618e85 rgb(97,142,133)
```
#57988b
```
#57988b rgb(87,152,139)
```
#4ea190
```
#4ea190 rgb(78,161,144)
```
#45aa96
```
#45aa96 rgb(69,170,150)
```
#3cb39c
```
#3cb39c rgb(60,179,156)
```
#33bca1
```
#33bca1 rgb(51,188,161)
```
#29c6a7
```
#29c6a7 rgb(41,198,167)
```
#20cfac
```
#20cfac rgb(32,207,172)
```
#17d8b2
```
#17d8b2 rgb(23,216,178)
```
#0ee1b7
```
#0ee1b7 rgb(14,225,183)
```
#05eabd
```
#05eabd rgb(5,234,189)
```

Tone Color Variation

Below, you can see how #45aa96 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
#7c908c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49e93 Protanopia 1% of men
#ac9aa2 Deuteranopia 1% of men
#5baab6 Tritanopia 0.001% of the population

Trichromacy

#81a294 Protanomaly 1% of men, 0.01% of women
#86a09d Deuteranomaly 6% of men, 0.4% of women
#53aaaa Tritanomaly 0.01% of the population

#45aa96 hex color

#45aa96 Color Information

#45aa96 Color Conversion

Color Schemes with #45aa96

Alternatives to #45aa96

#45aa96 Preview

Shades and Tints of #45aa96

Tones of #45aa96

Color Blindness Simulator