colorhexa.com

#45b582 hex color

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

- R 27
- G 71
- B 51
RGB color chart
- C 62
- M 0
- Y 28
- K 29
CMYK color chart

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

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

Hex triplet	45b582	`#45b582`
RGB Decimal	69, 181, 130	`rgb(69,181,130)`
RGB Percent	27.1, 71, 51	`rgb(27.1%,71%,51%)`
CMYK	62, 0, 28, 29
HSL	152.7°, 44.8, 49	`hsl(152.7,44.8%,49%)`
HSV (or HSB)	152.7°, 61.9, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.461, -43.831, 16.773
XYZ	23.006, 35.923, 26.839
xyY	0.268, 0.419, 35.923
CIE-LCH	66.461, 46.931, 159.059
CIE-LUV	66.461, -47.159, 30.212
Hunter-Lab	59.936, -36.372, 15.405
Binary	01000101, 10110101, 10000010

#45b582
```
#45b582 rgb(69,181,130)
```
#b54578
```
#b54578 rgb(181,69,120)
```

Complementary Color

#45b54a
```
#45b54a rgb(69,181,74)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#45b0b5
```
#45b0b5 rgb(69,176,181)
```

Analogous Color

#b54a45
```
#b54a45 rgb(181,74,69)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#b545b0
```
#b545b0 rgb(181,69,176)
```

Split Complementary Color

#b58245
```
#b58245 rgb(181,130,69)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#8245b5
```
#8245b5 rgb(130,69,181)
```

Triadic Color

#78b545
```
#78b545 rgb(120,181,69)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#8245b5
```
#8245b5 rgb(130,69,181)
```
#b54578
```
#b54578 rgb(181,69,120)
```

Tetradic Color

#307e5a
```
#307e5a rgb(48,126,90)
```
#379067
```
#379067 rgb(55,144,103)
```
#3ea375
```
#3ea375 rgb(62,163,117)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#55be8e
```
#55be8e rgb(85,190,142)
```
#68c59b
```
#68c59b rgb(104,197,155)
```
#7acca7
```
#7acca7 rgb(122,204,167)
```

Monochromatic Color

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

#45b566
```
#45b566 rgb(69,181,102)
```
#45b56f
```
#45b56f rgb(69,181,111)
```
#45b579
```
#45b579 rgb(69,181,121)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#45b58b
```
#45b58b rgb(69,181,139)
```
#45b595
```
#45b595 rgb(69,181,149)
```
#45b59e
```
#45b59e rgb(69,181,158)
```

Similar Colors

Text with hexadecimal color #45b582

This text has a font color of #45b582.

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

#45b582 background color

This paragraph has a background color of #45b582.

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

#45b582 border color

This element has a border color of #45b582.

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

CSS codes

.text {color:#45b582;}

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

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

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)
```
#1f523b
```
#1f523b rgb(31,82,59)
```
#256045
```
#256045 rgb(37,96,69)
```
#2a6e4f
```
#2a6e4f rgb(42,110,79)
```
#2f7c59
```
#2f7c59 rgb(47,124,89)
```
#358a63
```
#358a63 rgb(53,138,99)
```
#3a996e
```
#3a996e rgb(58,153,110)
```
#40a778
```
#40a778 rgb(64,167,120)
```
#45b582
```
#45b582 rgb(69,181,130)
```

Shade Color Variation

#51bd8c
```
#51bd8c rgb(81,189,140)
```
#5fc295
```
#5fc295 rgb(95,194,149)
```
#6dc79e
```
#6dc79e rgb(109,199,158)
```
#7ccda8
```
#7ccda8 rgb(124,205,168)
```
#8ad2b1
```
#8ad2b1 rgb(138,210,177)
```
#98d8bb
```
#98d8bb rgb(152,216,187)
```
#a6ddc4
```
#a6ddc4 rgb(166,221,196)
```
#b4e3ce
```
#b4e3ce rgb(180,227,206)
```
#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 #02f888 is the most saturated one.

#75857e
```
#75857e rgb(117,133,126)
```
#6b8f7f
```
#6b8f7f rgb(107,143,127)
```
#62987f
```
#62987f rgb(98,152,127)
```
#58a280
```
#58a280 rgb(88,162,128)
```
#4fab81
```
#4fab81 rgb(79,171,129)
```
#45b582
```
#45b582 rgb(69,181,130)
```
#3bbf83
```
#3bbf83 rgb(59,191,131)
```
#32c884
```
#32c884 rgb(50,200,132)
```
#28d285
```
#28d285 rgb(40,210,133)
```
#1fdb85
```
#1fdb85 rgb(31,219,133)
```
#15e586
```
#15e586 rgb(21,229,134)
```
#0bef87
```
#0bef87 rgb(11,239,135)
```
#02f888
```
#02f888 rgb(2,248,136)
```

Tone Color Variation

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

Dichromacy

#b1a680 Protanopia 1% of men
#bda090 Deuteranopia 1% of men
#64b1be Tritanopia 0.001% of the population

Trichromacy

#8aab81 Protanomaly 1% of men, 0.01% of women
#91a88b Deuteranomaly 6% of men, 0.4% of women
#59b2a8 Tritanomaly 0.01% of the population