#45b493 hex color

In a RGB color space, hex #45b493 is composed of 27.1% red, 70.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 18.3% yellow and 29.4% black. It has a hue angle of 162.2 degrees, a saturation of 44.6% and a lightness of 48.8%. #45b493 color hex could be obtained by blending #8affff with #006927. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 71
- B 58
RGB color chart
- C 62
- M 0
- Y 18
- K 29
CMYK color chart

● #45b493 color description : Moderate cyan - lime green.

The hexadecimal color #45b493 has RGB values of R:69, G:180, B:147 and CMYK values of C:0.62, M:0, Y:0.18, K:0.29. Its decimal value is 4568211.

Hex triplet	45b493	`#45b493`
RGB Decimal	69, 180, 147	`rgb(69,180,147)`
RGB Percent	27.1, 70.6, 57.6	`rgb(27.1%,70.6%,57.6%)`
CMYK	62, 0, 18, 29
HSL	162.2°, 44.6, 48.8	`hsl(162.2,44.6%,48.8%)`
HSV (or HSB)	162.2°, 61.7, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.529, -39.524, 7.562
XYZ	24.04, 36.012, 33.286
xyY	0.258, 0.386, 36.012
CIE-LCH	66.529, 40.241, 169.169
CIE-LUV	66.529, -45.872, 17.056
Hunter-Lab	60.01, -33.511, 9.12
Binary	01000101, 10110100, 10010011

#45b493
```
#45b493 rgb(69,180,147)
```
#b44566
```
#b44566 rgb(180,69,102)
```

Complementary Color

#45b45c
```
#45b45c rgb(69,180,92)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#459eb4
```
#459eb4 rgb(69,158,180)
```

Analogous Color

#b45c45
```
#b45c45 rgb(180,92,69)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#b4459e
```
#b4459e rgb(180,69,158)
```

Split Complementary Color

#b49345
```
#b49345 rgb(180,147,69)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#9345b4
```
#9345b4 rgb(147,69,180)
```

Triadic Color

#66b445
```
#66b445 rgb(102,180,69)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#9345b4
```
#9345b4 rgb(147,69,180)
```
#b44566
```
#b44566 rgb(180,69,102)
```

Tetradic Color

#307d66
```
#307d66 rgb(48,125,102)
```
#378f75
```
#378f75 rgb(55,143,117)
```
#3ea284
```
#3ea284 rgb(62,162,132)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#55be9f
```
#55be9f rgb(85,190,159)
```
#67c5a9
```
#67c5a9 rgb(103,197,169)
```
#7accb3
```
#7accb3 rgb(122,204,179)
```

Monochromatic Color

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

#45b477
```
#45b477 rgb(69,180,119)
```
#45b481
```
#45b481 rgb(69,180,129)
```
#45b48a
```
#45b48a rgb(69,180,138)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#45b49c
```
#45b49c rgb(69,180,156)
```
#45b4a6
```
#45b4a6 rgb(69,180,166)
```
#45b4af
```
#45b4af rgb(69,180,175)
```

Similar Colors

Text with hexadecimal color #45b493

This text has a font color of #45b493.

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

#45b493 background color

This paragraph has a background color of #45b493.

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

#45b493 border color

This element has a border color of #45b493.

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

CSS codes

.text {color:#45b493;}

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

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

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, #040a08 is the darkest color, while #fbfdfd is the lightest one.

#040a08
```
#040a08 rgb(4,10,8)
```
#091814
```
#091814 rgb(9,24,20)
```
#0f261f
```
#0f261f rgb(15,38,31)
```
#14342b
```
#14342b rgb(20,52,43)
```
#1a4336
```
#1a4336 rgb(26,67,54)
```
#1f5142
```
#1f5142 rgb(31,81,66)
```
#245f4e
```
#245f4e rgb(36,95,78)
```
#2a6d59
```
#2a6d59 rgb(42,109,89)
```
#2f7b65
```
#2f7b65 rgb(47,123,101)
```
#358970
```
#358970 rgb(53,137,112)
```
#3a987c
```
#3a987c rgb(58,152,124)
```
#40a687
```
#40a687 rgb(64,166,135)
```
#45b493
```
#45b493 rgb(69,180,147)
```

Shade Color Variation

#51bc9c
```
#51bc9c rgb(81,188,156)
```
#5fc2a4
```
#5fc2a4 rgb(95,194,164)
```
#6dc7ac
```
#6dc7ac rgb(109,199,172)
```
#7bccb4
```
#7bccb4 rgb(123,204,180)
```
#89d2bc
```
#89d2bc rgb(137,210,188)
```
#97d7c4
```
#97d7c4 rgb(151,215,196)
```
#a6ddcc
```
#a6ddcc rgb(166,221,204)
```
#b4e2d4
```
#b4e2d4 rgb(180,226,212)
```
#c2e8dc
```
#c2e8dc rgb(194,232,220)
```
#d0ede4
```
#d0ede4 rgb(208,237,228)
```
#def2ec
```
#def2ec rgb(222,242,236)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#758480
```
#758480 rgb(117,132,128)
```
#6b8e83
```
#6b8e83 rgb(107,142,131)
```
#629787
```
#629787 rgb(98,151,135)
```
#58a18b
```
#58a18b rgb(88,161,139)
```
#4faa8f
```
#4faa8f rgb(79,170,143)
```
#45b493
```
#45b493 rgb(69,180,147)
```
#3bbe97
```
#3bbe97 rgb(59,190,151)
```
#32c79b
```
#32c79b rgb(50,199,155)
```
#28d19f
```
#28d19f rgb(40,209,159)
```
#1fdaa3
```
#1fdaa3 rgb(31,218,163)
```
#15e4a6
```
#15e4a6 rgb(21,228,166)
```
#0cedaa
```
#0cedaa rgb(12,237,170)
```
#02f7ae
```
#02f7ae rgb(2,247,174)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#809690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea690 Protanopia 1% of men
#b8a1a0 Deuteranopia 1% of men
#60b2bf Tritanopia 0.001% of the population

Trichromacy

#88ab91 Protanomaly 1% of men, 0.01% of women
#8ea89b Deuteranomaly 6% of men, 0.4% of women
#56b2af Tritanomaly 0.01% of the population

#45b493 hex color

#45b493 Color Information

#45b493 Color Conversion

Color Schemes with #45b493

Alternatives to #45b493

#45b493 Preview

Shades and Tints of #45b493

Tones of #45b493

Color Blindness Simulator