colorhexa.com

#45b88f hex color

In a RGB color space, hex #45b88f is composed of 27.1% red, 72.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 22.3% yellow and 27.8% black. It has a hue angle of 158.6 degrees, a saturation of 45.5% and a lightness of 49.6%. #45b88f color hex could be obtained by blending #8affff with #00711f. Closest websafe color is: #33cc99.

- R 27
- G 72
- B 56
RGB color chart
- C 63
- M 0
- Y 22
- K 28
CMYK color chart

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

The hexadecimal color #45b88f has RGB values of R:69, G:184, B:143 and CMYK values of C:0.63, M:0, Y:0.22, K:0.28. Its decimal value is 4569231.

Hex triplet	45b88f	`#45b88f`
RGB Decimal	69, 184, 143	`rgb(69,184,143)`
RGB Percent	27.1, 72.2, 56.1	`rgb(27.1%,72.2%,56.1%)`
CMYK	63, 0, 22, 28
HSL	158.6°, 45.5, 49.6	`hsl(158.6,45.5%,49.6%)`
HSV (or HSB)	158.6°, 62.5, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.671, -42.221, 11.378
XYZ	24.551, 37.527, 31.935
xyY	0.261, 0.399, 37.527
CIE-LCH	67.671, 43.727, 164.917
CIE-LUV	67.671, -47.605, 22.851
Hunter-Lab	61.26, -35.667, 11.974
Binary	01000101, 10111000, 10001111

#45b88f
```
#45b88f rgb(69,184,143)
```
#b8456e
```
#b8456e rgb(184,69,110)
```

Complementary Color

#45b856
```
#45b856 rgb(69,184,86)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#45a8b8
```
#45a8b8 rgb(69,168,184)
```

Analogous Color

#b85645
```
#b85645 rgb(184,86,69)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#b845a8
```
#b845a8 rgb(184,69,168)
```

Split Complementary Color

#b88f45
```
#b88f45 rgb(184,143,69)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#8f45b8
```
#8f45b8 rgb(143,69,184)
```

Triadic Color

#6eb845
```
#6eb845 rgb(110,184,69)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#8f45b8
```
#8f45b8 rgb(143,69,184)
```
#b8456e
```
#b8456e rgb(184,69,110)
```

Tetradic Color

#308064
```
#308064 rgb(48,128,100)
```
#379372
```
#379372 rgb(55,147,114)
```
#3ea581
```
#3ea581 rgb(62,165,129)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#57c09a
```
#57c09a rgb(87,192,154)
```
#69c7a5
```
#69c7a5 rgb(105,199,165)
```
#7cceb1
```
#7cceb1 rgb(124,206,177)
```

Monochromatic Color

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

#45b872
```
#45b872 rgb(69,184,114)
```
#45b87c
```
#45b87c rgb(69,184,124)
```
#45b885
```
#45b885 rgb(69,184,133)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#45b899
```
#45b899 rgb(69,184,153)
```
#45b8a2
```
#45b8a2 rgb(69,184,162)
```
#45b8ac
```
#45b8ac rgb(69,184,172)
```

Similar Colors

Text with hexadecimal color #45b88f

This text has a font color of #45b88f.

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

#45b88f background color

This paragraph has a background color of #45b88f.

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

#45b88f border color

This element has a border color of #45b88f.

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

CSS codes

.text {color:#45b88f;}

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

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

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, #050d0a is the darkest color, while #fefefe is the lightest one.

#050d0a
```
#050d0a rgb(5,13,10)
```
#0a1b15
```
#0a1b15 rgb(10,27,21)
```
#102920
```
#102920 rgb(16,41,32)
```
#15382b
```
#15382b rgb(21,56,43)
```
#1a4636
```
#1a4636 rgb(26,70,54)
```
#205441
```
#205441 rgb(32,84,65)
```
#25624c
```
#25624c rgb(37,98,76)
```
#2a7158
```
#2a7158 rgb(42,113,88)
```
#307f63
```
#307f63 rgb(48,127,99)
```
#358d6e
```
#358d6e rgb(53,141,110)
```
#3a9b79
```
#3a9b79 rgb(58,155,121)
```
#40aa84
```
#40aa84 rgb(64,170,132)
```
#45b88f
```
#45b88f rgb(69,184,143)
```

Shade Color Variation

#52be98
```
#52be98 rgb(82,190,152)
```
#61c4a0
```
#61c4a0 rgb(97,196,160)
```
#6fc9a9
```
#6fc9a9 rgb(111,201,169)
```
#7dceb1
```
#7dceb1 rgb(125,206,177)
```
#8bd4ba
```
#8bd4ba rgb(139,212,186)
```
#9ad9c2
```
#9ad9c2 rgb(154,217,194)
```
#a8decb
```
#a8decb rgb(168,222,203)
```
#b6e4d3
```
#b6e4d3 rgb(182,228,211)
```
#c4e9dc
```
#c4e9dc rgb(196,233,220)
```
#d3eee5
```
#d3eee5 rgb(211,238,229)
```
#e1f4ed
```
#e1f4ed rgb(225,244,237)
```
#eff9f6
```
#eff9f6 rgb(239,249,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#768781
```
#768781 rgb(118,135,129)
```
#6c9184
```
#6c9184 rgb(108,145,132)
```
#629b87
```
#629b87 rgb(98,155,135)
```
#58a589
```
#58a589 rgb(88,165,137)
```
#4fae8c
```
#4fae8c rgb(79,174,140)
```
#45b88f
```
#45b88f rgb(69,184,143)
```
#3bc292
```
#3bc292 rgb(59,194,146)
```
#32cb95
```
#32cb95 rgb(50,203,149)
```
#28d597
```
#28d597 rgb(40,213,151)
```
#1edf9a
```
#1edf9a rgb(30,223,154)
```
#14e99d
```
#14e99d rgb(20,233,157)
```
#0bf2a0
```
#0bf2a0 rgb(11,242,160)
```
#01fca3
```
#01fca3 rgb(1,252,163)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#829991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a98c Protanopia 1% of men
#bda39d Deuteranopia 1% of men
#62b5c2 Tritanopia 0.001% of the population

Trichromacy

#8bae8d Protanomaly 1% of men, 0.01% of women
#91ab97 Deuteranomaly 6% of men, 0.4% of women
#58b6af Tritanomaly 0.01% of the population