#45b890 hex color

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

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

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

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

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

CIE-LAB	67.693, -41.99, 10.864
XYZ	24.627, 37.558, 32.336
xyY	0.261, 0.397, 37.558
CIE-LCH	67.693, 43.372, 165.494
CIE-LUV	67.693, -47.55, 22.109
Hunter-Lab	61.284, -35.518, 11.616
Binary	01000101, 10111000, 10010000

#45b890
```
#45b890 rgb(69,184,144)
```
#b8456d
```
#b8456d rgb(184,69,109)
```

Complementary Color

#45b857
```
#45b857 rgb(69,184,87)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#45a7b8
```
#45a7b8 rgb(69,167,184)
```

Analogous Color

#b85745
```
#b85745 rgb(184,87,69)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#b845a7
```
#b845a7 rgb(184,69,167)
```

Split Complementary Color

#b89045
```
#b89045 rgb(184,144,69)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#9045b8
```
#9045b8 rgb(144,69,184)
```

Triadic Color

#6db845
```
#6db845 rgb(109,184,69)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#9045b8
```
#9045b8 rgb(144,69,184)
```
#b8456d
```
#b8456d rgb(184,69,109)
```

Tetradic Color

#308064
```
#308064 rgb(48,128,100)
```
#379373
```
#379373 rgb(55,147,115)
```
#3ea581
```
#3ea581 rgb(62,165,129)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#57c09b
```
#57c09b rgb(87,192,155)
```
#69c7a6
```
#69c7a6 rgb(105,199,166)
```
#7cceb1
```
#7cceb1 rgb(124,206,177)
```

Monochromatic Color

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

#45b873
```
#45b873 rgb(69,184,115)
```
#45b87d
```
#45b87d rgb(69,184,125)
```
#45b886
```
#45b886 rgb(69,184,134)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#45b89a
```
#45b89a rgb(69,184,154)
```
#45b8a3
```
#45b8a3 rgb(69,184,163)
```
#45b8ad
```
#45b8ad rgb(69,184,173)
```

Similar Colors

Text with hexadecimal color #45b890

This text has a font color of #45b890.

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

#45b890 background color

This paragraph has a background color of #45b890.

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

#45b890 border color

This element has a border color of #45b890.

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

CSS codes

.text {color:#45b890;}

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

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

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)
```
#15382c
```
#15382c rgb(21,56,44)
```
#1a4637
```
#1a4637 rgb(26,70,55)
```
#205442
```
#205442 rgb(32,84,66)
```
#25624d
```
#25624d rgb(37,98,77)
```
#2a7158
```
#2a7158 rgb(42,113,88)
```
#307f63
```
#307f63 rgb(48,127,99)
```
#358d6f
```
#358d6f rgb(53,141,111)
```
#3a9b7a
```
#3a9b7a rgb(58,155,122)
```
#40aa85
```
#40aa85 rgb(64,170,133)
```
#45b890
```
#45b890 rgb(69,184,144)
```

Shade Color Variation

#52be99
```
#52be99 rgb(82,190,153)
```
#61c4a1
```
#61c4a1 rgb(97,196,161)
```
#6fc9aa
```
#6fc9aa rgb(111,201,170)
```
#7dceb2
```
#7dceb2 rgb(125,206,178)
```
#8bd4bb
```
#8bd4bb rgb(139,212,187)
```
#9ad9c3
```
#9ad9c3 rgb(154,217,195)
```
#a8decb
```
#a8decb rgb(168,222,203)
```
#b6e4d4
```
#b6e4d4 rgb(182,228,212)
```
#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 #01fca5 is the most saturated one.

#768781
```
#768781 rgb(118,135,129)
```
#6c9184
```
#6c9184 rgb(108,145,132)
```
#629b87
```
#629b87 rgb(98,155,135)
```
#58a58a
```
#58a58a rgb(88,165,138)
```
#4fae8d
```
#4fae8d rgb(79,174,141)
```
#45b890
```
#45b890 rgb(69,184,144)
```
#3bc293
```
#3bc293 rgb(59,194,147)
```
#32cb96
```
#32cb96 rgb(50,203,150)
```
#28d599
```
#28d599 rgb(40,213,153)
```
#1edf9c
```
#1edf9c rgb(30,223,156)
```
#14e99f
```
#14e99f rgb(20,233,159)
```
#0bf2a2
```
#0bf2a2 rgb(11,242,162)
```
#01fca5
```
#01fca5 rgb(1,252,165)
```

Tone Color Variation

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

#b2a98d Protanopia 1% of men
#bda49d Deuteranopia 1% of men
#62b5c2 Tritanopia 0.001% of the population

Trichromacy

#8aae8e Protanomaly 1% of men, 0.01% of women
#91ab98 Deuteranomaly 6% of men, 0.4% of women
#57b6b0 Tritanomaly 0.01% of the population

#45b890 hex color

#45b890 Color Information

#45b890 Color Conversion

Color Schemes with #45b890

Alternatives to #45b890

#45b890 Preview

Shades and Tints of #45b890

Tones of #45b890

Color Blindness Simulator