#45b581 hex color

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

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

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

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

Hex triplet	45b581	`#45b581`
RGB Decimal	69, 181, 129	`rgb(69,181,129)`
RGB Percent	27.1, 71, 50.6	`rgb(27.1%,71%,50.6%)`
CMYK	62, 0, 29, 29
HSL	152.1°, 44.8, 49	`hsl(152.1,44.8%,49%)`
HSV (or HSB)	152.1°, 61.9, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.44, -44.045, 17.288
XYZ	22.939, 35.896, 26.487
xyY	0.269, 0.421, 35.896
CIE-LCH	66.44, 47.316, 158.569
CIE-LUV	66.44, -47.211, 30.912
Hunter-Lab	59.913, -36.506, 15.727
Binary	01000101, 10110101, 10000001

#45b581
```
#45b581 rgb(69,181,129)
```
#b54579
```
#b54579 rgb(181,69,121)
```

Complementary Color

#45b549
```
#45b549 rgb(69,181,73)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#45b1b5
```
#45b1b5 rgb(69,177,181)
```

Analogous Color

#b54945
```
#b54945 rgb(181,73,69)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#b545b1
```
#b545b1 rgb(181,69,177)
```

Split Complementary Color

#b58145
```
#b58145 rgb(181,129,69)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#8145b5
```
#8145b5 rgb(129,69,181)
```

Triadic Color

#79b545
```
#79b545 rgb(121,181,69)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#8145b5
```
#8145b5 rgb(129,69,181)
```
#b54579
```
#b54579 rgb(181,69,121)
```

Tetradic Color

#307e5a
```
#307e5a rgb(48,126,90)
```
#379067
```
#379067 rgb(55,144,103)
```
#3ea374
```
#3ea374 rgb(62,163,116)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#55be8e
```
#55be8e rgb(85,190,142)
```
#68c59a
```
#68c59a rgb(104,197,154)
```
#7acca6
```
#7acca6 rgb(122,204,166)
```

Monochromatic Color

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

#45b565
```
#45b565 rgb(69,181,101)
```
#45b56e
```
#45b56e rgb(69,181,110)
```
#45b578
```
#45b578 rgb(69,181,120)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#45b58a
```
#45b58a rgb(69,181,138)
```
#45b594
```
#45b594 rgb(69,181,148)
```
#45b59d
```
#45b59d rgb(69,181,157)
```

Similar Colors

Text with hexadecimal color #45b581

This text has a font color of #45b581.

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

#45b581 background color

This paragraph has a background color of #45b581.

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

#45b581 border color

This element has a border color of #45b581.

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

CSS codes

.text {color:#45b581;}

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

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

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)
```
#091912
```
#091912 rgb(9,25,18)
```
#0f271c
```
#0f271c rgb(15,39,28)
```
#143526
```
#143526 rgb(20,53,38)
```
#1a4330
```
#1a4330 rgb(26,67,48)
```
#1f523a
```
#1f523a rgb(31,82,58)
```
#256044
```
#256044 rgb(37,96,68)
```
#2a6e4e
```
#2a6e4e rgb(42,110,78)
```
#2f7c59
```
#2f7c59 rgb(47,124,89)
```
#358a63
```
#358a63 rgb(53,138,99)
```
#3a996d
```
#3a996d rgb(58,153,109)
```
#40a777
```
#40a777 rgb(64,167,119)
```
#45b581
```
#45b581 rgb(69,181,129)
```

Shade Color Variation

#51bd8b
```
#51bd8b rgb(81,189,139)
```
#5fc294
```
#5fc294 rgb(95,194,148)
```
#6dc79e
```
#6dc79e rgb(109,199,158)
```
#7ccda7
```
#7ccda7 rgb(124,205,167)
```
#8ad2b1
```
#8ad2b1 rgb(138,210,177)
```
#98d8ba
```
#98d8ba rgb(152,216,186)
```
#a6ddc4
```
#a6ddc4 rgb(166,221,196)
```
#b4e3cd
```
#b4e3cd rgb(180,227,205)
```
#c3e8d7
```
#c3e8d7 rgb(195,232,215)
```
#d1ede0
```
#d1ede0 rgb(209,237,224)
```
#dff3ea
```
#dff3ea rgb(223,243,234)
```
#edf8f3
```
#edf8f3 rgb(237,248,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#75857e
```
#75857e rgb(117,133,126)
```
#6b8f7e
```
#6b8f7e rgb(107,143,126)
```
#62987f
```
#62987f rgb(98,152,127)
```
#58a280
```
#58a280 rgb(88,162,128)
```
#4fab80
```
#4fab80 rgb(79,171,128)
```
#45b581
```
#45b581 rgb(69,181,129)
```
#3bbf82
```
#3bbf82 rgb(59,191,130)
```
#32c882
```
#32c882 rgb(50,200,130)
```
#28d283
```
#28d283 rgb(40,210,131)
```
#1fdb84
```
#1fdb84 rgb(31,219,132)
```
#15e584
```
#15e584 rgb(21,229,132)
```
#0bef85
```
#0bef85 rgb(11,239,133)
```
#02f886
```
#02f886 rgb(2,248,134)
```

Tone Color Variation

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

Dichromacy

#b1a67f Protanopia 1% of men
#bea08f Deuteranopia 1% of men
#64b1be Tritanopia 0.001% of the population

Trichromacy

#8aab80 Protanomaly 1% of men, 0.01% of women
#92a88a Deuteranomaly 6% of men, 0.4% of women
#59b2a8 Tritanomaly 0.01% of the population

#45b581 hex color

#45b581 Color Information

#45b581 Color Conversion

Color Schemes with #45b581

Alternatives to #45b581

#45b581 Preview

Shades and Tints of #45b581

Tones of #45b581

Color Blindness Simulator