#45b58a hex color

In a RGB color space, hex #45b58a is composed of 27.1% red, 71% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 23.8% yellow and 29% black. It has a hue angle of 157 degrees, a saturation of 44.8% and a lightness of 49%. #45b58a color hex could be obtained by blending #8affff with #006b15. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45b58a has RGB values of R:69, G:181, B:138 and CMYK values of C:0.62, M:0, Y:0.24, K:0.29. Its decimal value is 4568458.

Hex triplet	45b58a	`#45b58a`
RGB Decimal	69, 181, 138	`rgb(69,181,138)`
RGB Percent	27.1, 71, 54.1	`rgb(27.1%,71%,54.1%)`
CMYK	62, 0, 24, 29
HSL	157°, 44.8, 49	`hsl(157,44.8%,49%)`
HSV (or HSB)	157°, 61.9, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.631, -42.066, 12.647
XYZ	23.564, 36.146, 29.778
xyY	0.263, 0.404, 36.146
CIE-LCH	66.631, 43.926, 163.267
CIE-LUV	66.631, -46.739, 24.478
Hunter-Lab	60.122, -35.252, 12.718
Binary	01000101, 10110101, 10001010

#45b58a
```
#45b58a rgb(69,181,138)
```
#b54570
```
#b54570 rgb(181,69,112)
```

Complementary Color

#45b552
```
#45b552 rgb(69,181,82)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#45a8b5
```
#45a8b5 rgb(69,168,181)
```

Analogous Color

#b55245
```
#b55245 rgb(181,82,69)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#b545a8
```
#b545a8 rgb(181,69,168)
```

Split Complementary Color

#b58a45
```
#b58a45 rgb(181,138,69)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#8a45b5
```
#8a45b5 rgb(138,69,181)
```

Triadic Color

#70b545
```
#70b545 rgb(112,181,69)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#8a45b5
```
#8a45b5 rgb(138,69,181)
```
#b54570
```
#b54570 rgb(181,69,112)
```

Tetradic Color

#307e60
```
#307e60 rgb(48,126,96)
```
#37906e
```
#37906e rgb(55,144,110)
```
#3ea37c
```
#3ea37c rgb(62,163,124)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#55be96
```
#55be96 rgb(85,190,150)
```
#68c5a1
```
#68c5a1 rgb(104,197,161)
```
#7accad
```
#7accad rgb(122,204,173)
```

Monochromatic Color

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

#45b56e
```
#45b56e rgb(69,181,110)
```
#45b577
```
#45b577 rgb(69,181,119)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#45b593
```
#45b593 rgb(69,181,147)
```
#45b59d
```
#45b59d rgb(69,181,157)
```
#45b5a6
```
#45b5a6 rgb(69,181,166)
```

Similar Colors

Text with hexadecimal color #45b58a

This text has a font color of #45b58a.

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

#45b58a background color

This paragraph has a background color of #45b58a.

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

#45b58a border color

This element has a border color of #45b58a.

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

CSS codes

.text {color:#45b58a;}

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

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

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

#040b08
```
#040b08 rgb(4,11,8)
```
#091913
```
#091913 rgb(9,25,19)
```
#0f271e
```
#0f271e rgb(15,39,30)
```
#143529
```
#143529 rgb(20,53,41)
```
#1a4333
```
#1a4333 rgb(26,67,51)
```
#1f523e
```
#1f523e rgb(31,82,62)
```
#256049
```
#256049 rgb(37,96,73)
```
#2a6e54
```
#2a6e54 rgb(42,110,84)
```
#2f7c5f
```
#2f7c5f rgb(47,124,95)
```
#358a6a
```
#358a6a rgb(53,138,106)
```
#3a9974
```
#3a9974 rgb(58,153,116)
```
#40a77f
```
#40a77f rgb(64,167,127)
```
#45b58a
```
#45b58a rgb(69,181,138)
```

Shade Color Variation

#51bd93
```
#51bd93 rgb(81,189,147)
```
#5fc29c
```
#5fc29c rgb(95,194,156)
```
#6dc7a5
```
#6dc7a5 rgb(109,199,165)
```
#7ccdae
```
#7ccdae rgb(124,205,174)
```
#8ad2b6
```
#8ad2b6 rgb(138,210,182)
```
#98d8bf
```
#98d8bf rgb(152,216,191)
```
#a6ddc8
```
#a6ddc8 rgb(166,221,200)
```
#b4e3d1
```
#b4e3d1 rgb(180,227,209)
```
#c3e8da
```
#c3e8da rgb(195,232,218)
```
#d1ede2
```
#d1ede2 rgb(209,237,226)
```
#dff3eb
```
#dff3eb rgb(223,243,235)
```
#edf8f4
```
#edf8f4 rgb(237,248,244)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#75857f
```
#75857f rgb(117,133,127)
```
#6b8f81
```
#6b8f81 rgb(107,143,129)
```
#629883
```
#629883 rgb(98,152,131)
```
#58a286
```
#58a286 rgb(88,162,134)
```
#4fab88
```
#4fab88 rgb(79,171,136)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#3bbf8c
```
#3bbf8c rgb(59,191,140)
```
#32c88e
```
#32c88e rgb(50,200,142)
```
#28d291
```
#28d291 rgb(40,210,145)
```
#1fdb93
```
#1fdb93 rgb(31,219,147)
```
#15e595
```
#15e595 rgb(21,229,149)
```
#0bef97
```
#0bef97 rgb(11,239,151)
```
#02f89a
```
#02f89a rgb(2,248,154)
```

Tone Color Variation

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

Dichromacy

#b0a687 Protanopia 1% of men
#bba198 Deuteranopia 1% of men
#62b2bf Tritanopia 0.001% of the population

Trichromacy

#89ab88 Protanomaly 1% of men, 0.01% of women
#90a893 Deuteranomaly 6% of men, 0.4% of women
#58b3ab Tritanomaly 0.01% of the population

#45b58a hex color

#45b58a Color Information

#45b58a Color Conversion

Color Schemes with #45b58a

Alternatives to #45b58a

#45b58a Preview

Shades and Tints of #45b58a

Tones of #45b58a

Color Blindness Simulator