#45b589 hex color

In a RGB color space, hex #45b589 is composed of 27.1% red, 71% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 24.3% yellow and 29% black. It has a hue angle of 156.4 degrees, a saturation of 44.8% and a lightness of 49%. #45b589 color hex could be obtained by blending #8affff with #006b13. 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

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

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

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

CIE-LAB	66.609, -42.292, 13.163
XYZ	23.492, 36.117, 29.399
xyY	0.264, 0.406, 36.117
CIE-LCH	66.609, 44.293, 162.712
CIE-LUV	66.609, -46.792, 25.207
Hunter-Lab	60.098, -35.396, 13.064
Binary	01000101, 10110101, 10001001

#45b589
```
#45b589 rgb(69,181,137)
```
#b54571
```
#b54571 rgb(181,69,113)
```

Complementary Color

#45b551
```
#45b551 rgb(69,181,81)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#45a9b5
```
#45a9b5 rgb(69,169,181)
```

Analogous Color

#b55145
```
#b55145 rgb(181,81,69)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#b545a9
```
#b545a9 rgb(181,69,169)
```

Split Complementary Color

#b58945
```
#b58945 rgb(181,137,69)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#8945b5
```
#8945b5 rgb(137,69,181)
```

Triadic Color

#71b545
```
#71b545 rgb(113,181,69)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#8945b5
```
#8945b5 rgb(137,69,181)
```
#b54571
```
#b54571 rgb(181,69,113)
```

Tetradic Color

#307e5f
```
#307e5f rgb(48,126,95)
```
#37906d
```
#37906d rgb(55,144,109)
```
#3ea37b
```
#3ea37b rgb(62,163,123)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#55be95
```
#55be95 rgb(85,190,149)
```
#68c5a1
```
#68c5a1 rgb(104,197,161)
```
#7accac
```
#7accac rgb(122,204,172)
```

Monochromatic Color

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

#45b56d
```
#45b56d rgb(69,181,109)
```
#45b576
```
#45b576 rgb(69,181,118)
```
#45b580
```
#45b580 rgb(69,181,128)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#45b592
```
#45b592 rgb(69,181,146)
```
#45b59c
```
#45b59c rgb(69,181,156)
```
#45b5a5
```
#45b5a5 rgb(69,181,165)
```

Similar Colors

Text with hexadecimal color #45b589

This text has a font color of #45b589.

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

#45b589 background color

This paragraph has a background color of #45b589.

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

#45b589 border color

This element has a border color of #45b589.

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

CSS codes

.text {color:#45b589;}

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

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

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)
```
#143528
```
#143528 rgb(20,53,40)
```
#1a4333
```
#1a4333 rgb(26,67,51)
```
#1f523e
```
#1f523e rgb(31,82,62)
```
#256049
```
#256049 rgb(37,96,73)
```
#2a6e53
```
#2a6e53 rgb(42,110,83)
```
#2f7c5e
```
#2f7c5e rgb(47,124,94)
```
#358a69
```
#358a69 rgb(53,138,105)
```
#3a9974
```
#3a9974 rgb(58,153,116)
```
#40a77e
```
#40a77e rgb(64,167,126)
```
#45b589
```
#45b589 rgb(69,181,137)
```

Shade Color Variation

#51bd92
```
#51bd92 rgb(81,189,146)
```
#5fc29b
```
#5fc29b rgb(95,194,155)
```
#6dc7a4
```
#6dc7a4 rgb(109,199,164)
```
#7ccdad
```
#7ccdad rgb(124,205,173)
```
#8ad2b6
```
#8ad2b6 rgb(138,210,182)
```
#98d8bf
```
#98d8bf rgb(152,216,191)
```
#a6ddc8
```
#a6ddc8 rgb(166,221,200)
```
#b4e3d0
```
#b4e3d0 rgb(180,227,208)
```
#c3e8d9
```
#c3e8d9 rgb(195,232,217)
```
#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 #02f897 is the most saturated one.

#75857f
```
#75857f rgb(117,133,127)
```
#6b8f81
```
#6b8f81 rgb(107,143,129)
```
#629883
```
#629883 rgb(98,152,131)
```
#58a285
```
#58a285 rgb(88,162,133)
```
#4fab87
```
#4fab87 rgb(79,171,135)
```
#45b589
```
#45b589 rgb(69,181,137)
```
#3bbf8b
```
#3bbf8b rgb(59,191,139)
```
#32c88d
```
#32c88d rgb(50,200,141)
```
#28d28f
```
#28d28f rgb(40,210,143)
```
#1fdb91
```
#1fdb91 rgb(31,219,145)
```
#15e593
```
#15e593 rgb(21,229,147)
```
#0bef95
```
#0bef95 rgb(11,239,149)
```
#02f897
```
#02f897 rgb(2,248,151)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f968d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a686 Protanopia 1% of men
#bca197 Deuteranopia 1% of men
#63b2bf Tritanopia 0.001% of the population

Trichromacy

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

#45b589 hex color

#45b589 Color Information

#45b589 Color Conversion

Color Schemes with #45b589

Alternatives to #45b589

#45b589 Preview

Shades and Tints of #45b589

Tones of #45b589

Color Blindness Simulator