#45a496 hex color

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

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

● #45a496 color description : Dark moderate cyan.

The hexadecimal color #45a496 has RGB values of R:69, G:164, B:150 and CMYK values of C:0.58, M:0, Y:0.09, K:0.36. Its decimal value is 4564118.

Hex triplet	45a496	`#45a496`
RGB Decimal	69, 164, 150	`rgb(69,164,150)`
RGB Percent	27.1, 64.3, 58.8	`rgb(27.1%,64.3%,58.8%)`
CMYK	58, 0, 9, 36
HSL	171.2°, 40.8, 45.7	`hsl(171.2,40.8%,45.7%)`
HSV (or HSB)	171.2°, 57.9, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.668, -31.393, -1.144
XYZ	21.233, 30.016, 33.527
xyY	0.25, 0.354, 30.016
CIE-LCH	61.668, 31.413, 182.086
CIE-LUV	61.668, -39.582, 3.126
Hunter-Lab	54.787, -26.7, 2.068
Binary	01000101, 10100100, 10010110

#45a496
```
#45a496 rgb(69,164,150)
```
#a44553
```
#a44553 rgb(164,69,83)
```

Complementary Color

#45a467
```
#45a467 rgb(69,164,103)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#4583a4
```
#4583a4 rgb(69,131,164)
```

Analogous Color

#a46745
```
#a46745 rgb(164,103,69)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#a44583
```
#a44583 rgb(164,69,131)
```

Split Complementary Color

#a49645
```
#a49645 rgb(164,150,69)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#9645a4
```
#9645a4 rgb(150,69,164)
```

Triadic Color

#53a445
```
#53a445 rgb(83,164,69)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#9645a4
```
#9645a4 rgb(150,69,164)
```
#a44553
```
#a44553 rgb(164,69,83)
```

Tetradic Color

#2e6e65
```
#2e6e65 rgb(46,110,101)
```
#368075
```
#368075 rgb(54,128,117)
```
#3d9286
```
#3d9286 rgb(61,146,134)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#4eb5a5
```
#4eb5a5 rgb(78,181,165)
```
#60bcae
```
#60bcae rgb(96,188,174)
```
#72c4b8
```
#72c4b8 rgb(114,196,184)
```

Monochromatic Color

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

#45a47e
```
#45a47e rgb(69,164,126)
```
#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)
```

Similar Colors

Text with hexadecimal color #45a496

This text has a font color of #45a496.

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

#45a496 background color

This paragraph has a background color of #45a496.

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

#45a496 border color

This element has a border color of #45a496.

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

CSS codes

.text {color:#45a496;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#112824
```
#112824 rgb(17,40,36)
```
#173631
```
#173631 rgb(23,54,49)
```
#1c433e
```
#1c433e rgb(28,67,62)
```
#22514a
```
#22514a rgb(34,81,74)
```
#285f57
```
#285f57 rgb(40,95,87)
```
#2e6d63
```
#2e6d63 rgb(46,109,99)
```
#347b70
```
#347b70 rgb(52,123,112)
```
#39887d
```
#39887d rgb(57,136,125)
```
#3f9689
```
#3f9689 rgb(63,150,137)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#4bb2a3
```
#4bb2a3 rgb(75,178,163)
```

Shade Color Variation

#58b9aa
```
#58b9aa rgb(88,185,170)
```
#65beb1
```
#65beb1 rgb(101,190,177)
```
#73c4b8
```
#73c4b8 rgb(115,196,184)
```
#81cabf
```
#81cabf rgb(129,202,191)
```
#8fd0c6
```
#8fd0c6 rgb(143,208,198)
```
#9dd6cd
```
#9dd6cd rgb(157,214,205)
```
#aadbd4
```
#aadbd4 rgb(170,219,212)
```
#b8e1db
```
#b8e1db rgb(184,225,219)
```
#c6e7e2
```
#c6e7e2 rgb(198,231,226)
```
#d4ede9
```
#d4ede9 rgb(212,237,233)
```
#e2f3f0
```
#e2f3f0 rgb(226,243,240)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#727776
```
#727776 rgb(114,119,118)
```
#69807d
```
#69807d rgb(105,128,125)
```
#608983
```
#608983 rgb(96,137,131)
```
#579289
```
#579289 rgb(87,146,137)
```
#4e9b90
```
#4e9b90 rgb(78,155,144)
```
#45a496
```
#45a496 rgb(69,164,150)
```
#3cad9c
```
#3cad9c rgb(60,173,156)
```
#33b6a3
```
#33b6a3 rgb(51,182,163)
```
#2abfa9
```
#2abfa9 rgb(42,191,169)
```
#21c8af
```
#21c8af rgb(33,200,175)
```
#18d1b6
```
#18d1b6 rgb(24,209,182)
```
#0fdabc
```
#0fdabc rgb(15,218,188)
```
#06e3c2
```
#06e3c2 rgb(6,227,194)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#798c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9993 Protanopia 1% of men
#a596a2 Deuteranopia 1% of men
#58a5b1 Tritanopia 0.001% of the population

Trichromacy

#7e9d94 Protanomaly 1% of men, 0.01% of women
#829b9d Deuteranomaly 6% of men, 0.4% of women
#51a4a7 Tritanomaly 0.01% of the population

#45a496 hex color

#45a496 Color Information

#45a496 Color Conversion

Color Schemes with #45a496

Alternatives to #45a496

#45a496 Preview

Shades and Tints of #45a496

Tones of #45a496

Color Blindness Simulator