#45b88c hex color

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

♥
- f
- t
- g
- R 27
- G 72
- B 55
RGB color chart
- C 63
- M 0
- Y 24
- K 28
CMYK color chart

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

The hexadecimal color #45b88c has RGB values of R:69, G:184, B:140 and CMYK values of C:0.63, M:0, Y:0.24, K:0.28. Its decimal value is 4569228.

Hex triplet	45b88c	`#45b88c`
RGB Decimal	69, 184, 140	`rgb(69,184,140)`
RGB Percent	27.1, 72.2, 54.9	`rgb(27.1%,72.2%,54.9%)`
CMYK	63, 0, 24, 28
HSL	157°, 45.5, 49.6	`hsl(157,45.5%,49.6%)`
HSV (or HSB)	157°, 62.5, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.604, -42.906, 12.922
XYZ	24.327, 37.438, 30.754
xyY	0.263, 0.405, 37.438
CIE-LCH	67.604, 44.81, 163.239
CIE-LUV	67.604, -47.768, 25.058
Hunter-Lab	61.186, -36.108, 13.03
Binary	01000101, 10111000, 10001100

#45b88c
```
#45b88c rgb(69,184,140)
```
#b84571
```
#b84571 rgb(184,69,113)
```

Complementary Color

#45b853
```
#45b853 rgb(69,184,83)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#45abb8
```
#45abb8 rgb(69,171,184)
```

Analogous Color

#b85345
```
#b85345 rgb(184,83,69)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#b845ab
```
#b845ab rgb(184,69,171)
```

Split Complementary Color

#b88c45
```
#b88c45 rgb(184,140,69)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#8c45b8
```
#8c45b8 rgb(140,69,184)
```

Triadic Color

#71b845
```
#71b845 rgb(113,184,69)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#8c45b8
```
#8c45b8 rgb(140,69,184)
```
#b84571
```
#b84571 rgb(184,69,113)
```

Tetradic Color

#308062
```
#308062 rgb(48,128,98)
```
#379370
```
#379370 rgb(55,147,112)
```
#3ea57e
```
#3ea57e rgb(62,165,126)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#57c098
```
#57c098 rgb(87,192,152)
```
#69c7a3
```
#69c7a3 rgb(105,199,163)
```
#7cceae
```
#7cceae rgb(124,206,174)
```

Monochromatic Color

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

#45b86f
```
#45b86f rgb(69,184,111)
```
#45b879
```
#45b879 rgb(69,184,121)
```
#45b882
```
#45b882 rgb(69,184,130)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#45b896
```
#45b896 rgb(69,184,150)
```
#45b89f
```
#45b89f rgb(69,184,159)
```
#45b8a9
```
#45b8a9 rgb(69,184,169)
```

Similar Colors

Text with hexadecimal color #45b88c

This text has a font color of #45b88c.

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

#45b88c background color

This paragraph has a background color of #45b88c.

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

#45b88c border color

This element has a border color of #45b88c.

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

CSS codes

.text {color:#45b88c;}

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

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

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)
```
#10291f
```
#10291f rgb(16,41,31)
```
#15382a
```
#15382a rgb(21,56,42)
```
#1a4635
```
#1a4635 rgb(26,70,53)
```
#205440
```
#205440 rgb(32,84,64)
```
#25624b
```
#25624b rgb(37,98,75)
```
#2a7156
```
#2a7156 rgb(42,113,86)
```
#307f61
```
#307f61 rgb(48,127,97)
```
#358d6b
```
#358d6b rgb(53,141,107)
```
#3a9b76
```
#3a9b76 rgb(58,155,118)
```
#40aa81
```
#40aa81 rgb(64,170,129)
```
#45b88c
```
#45b88c rgb(69,184,140)
```

Shade Color Variation

#52be95
```
#52be95 rgb(82,190,149)
```
#61c49e
```
#61c49e rgb(97,196,158)
```
#6fc9a6
```
#6fc9a6 rgb(111,201,166)
```
#7dceaf
```
#7dceaf rgb(125,206,175)
```
#8bd4b8
```
#8bd4b8 rgb(139,212,184)
```
#9ad9c1
```
#9ad9c1 rgb(154,217,193)
```
#a8deca
```
#a8deca rgb(168,222,202)
```
#b6e4d2
```
#b6e4d2 rgb(182,228,210)
```
#c4e9db
```
#c4e9db rgb(196,233,219)
```
#d3eee4
```
#d3eee4 rgb(211,238,228)
```
#e1f4ed
```
#e1f4ed rgb(225,244,237)
```
#eff9f5
```
#eff9f5 rgb(239,249,245)
```
#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 #01fc9c is the most saturated one.

#768781
```
#768781 rgb(118,135,129)
```
#6c9183
```
#6c9183 rgb(108,145,131)
```
#629b85
```
#629b85 rgb(98,155,133)
```
#58a587
```
#58a587 rgb(88,165,135)
```
#4fae8a
```
#4fae8a rgb(79,174,138)
```
#45b88c
```
#45b88c rgb(69,184,140)
```
#3bc28e
```
#3bc28e rgb(59,194,142)
```
#32cb91
```
#32cb91 rgb(50,203,145)
```
#28d593
```
#28d593 rgb(40,213,147)
```
#1edf95
```
#1edf95 rgb(30,223,149)
```
#14e997
```
#14e997 rgb(20,233,151)
```
#0bf29a
```
#0bf29a rgb(11,242,154)
```
#01fc9c
```
#01fc9c rgb(1,252,156)
```

Tone Color Variation

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

Dichromacy

#b3a989 Protanopia 1% of men
#bea39a Deuteranopia 1% of men
#63b5c2 Tritanopia 0.001% of the population

Trichromacy

#8bae8a Protanomaly 1% of men, 0.01% of women
#92ab95 Deuteranomaly 6% of men, 0.4% of women
#58b6ae Tritanomaly 0.01% of the population

#45b88c hex color

#45b88c Color Information

#45b88c Color Conversion

Color Schemes with #45b88c

Alternatives to #45b88c

#45b88c Preview

Shades and Tints of #45b88c

Tones of #45b88c

Color Blindness Simulator