#45b27a hex color

In a RGB color space, hex #45b27a is composed of 27.1% red, 69.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 31.5% yellow and 30.2% black. It has a hue angle of 149.2 degrees, a saturation of 44.1% and a lightness of 48.4%. #45b27a color hex could be obtained by blending #8afff4 with #006500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 70
- B 48
RGB color chart
- C 61
- M 0
- Y 31
- K 30
CMYK color chart

● #45b27a color description : Dark moderate cyan - lime green.

The hexadecimal color #45b27a has RGB values of R:69, G:178, B:122 and CMYK values of C:0.61, M:0, Y:0.31, K:0.3. Its decimal value is 4567674.

Hex triplet	45b27a	`#45b27a`
RGB Decimal	69, 178, 122	`rgb(69,178,122)`
RGB Percent	27.1, 69.8, 47.8	`rgb(27.1%,69.8%,47.8%)`
CMYK	61, 0, 31, 30
HSL	149.2°, 44.1, 48.4	`hsl(149.2,44.1%,48.4%)`
HSV (or HSB)	149.2°, 61.2, 69.8
Web Safe	339966	`#339966`

CIE-LAB	65.365, -44.247, 19.607
XYZ	21.886, 34.509, 23.919
xyY	0.273, 0.43, 34.509
CIE-LCH	65.365, 48.396, 156.1
CIE-LUV	65.365, -46.418, 33.777
Hunter-Lab	58.745, -36.301, 16.98
Binary	01000101, 10110010, 01111010

#45b27a
```
#45b27a rgb(69,178,122)
```
#b2457d
```
#b2457d rgb(178,69,125)
```

Complementary Color

#47b245
```
#47b245 rgb(71,178,69)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#45b2b1
```
#45b2b1 rgb(69,178,177)
```

Analogous Color

#b24547
```
#b24547 rgb(178,69,71)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#b145b2
```
#b145b2 rgb(177,69,178)
```

Split Complementary Color

#b27a45
```
#b27a45 rgb(178,122,69)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#7a45b2
```
#7a45b2 rgb(122,69,178)
```

Triadic Color

#7db245
```
#7db245 rgb(125,178,69)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#7a45b2
```
#7a45b2 rgb(122,69,178)
```
#b2457d
```
#b2457d rgb(178,69,125)
```

Tetradic Color

#307b54
```
#307b54 rgb(48,123,84)
```
#378d61
```
#378d61 rgb(55,141,97)
```
#3ea06d
```
#3ea06d rgb(62,160,109)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#54bd87
```
#54bd87 rgb(84,189,135)
```
#66c494
```
#66c494 rgb(102,196,148)
```
#79cba1
```
#79cba1 rgb(121,203,161)
```

Monochromatic Color

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

#45b25f
```
#45b25f rgb(69,178,95)
```
#45b268
```
#45b268 rgb(69,178,104)
```
#45b271
```
#45b271 rgb(69,178,113)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#45b283
```
#45b283 rgb(69,178,131)
```
#45b28c
```
#45b28c rgb(69,178,140)
```
#45b295
```
#45b295 rgb(69,178,149)
```

Similar Colors

Text with hexadecimal color #45b27a

This text has a font color of #45b27a.

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

#45b27a background color

This paragraph has a background color of #45b27a.

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

#45b27a border color

This element has a border color of #45b27a.

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

CSS codes

.text {color:#45b27a;}

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

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

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, #030806 is the darkest color, while #f9fdfb is the lightest one.

#030806
```
#030806 rgb(3,8,6)
```
#09170f
```
#09170f rgb(9,23,15)
```
#0e2519
```
#0e2519 rgb(14,37,25)
```
#143323
```
#143323 rgb(20,51,35)
```
#19412c
```
#19412c rgb(25,65,44)
```
#1f4f36
```
#1f4f36 rgb(31,79,54)
```
#245d40
```
#245d40 rgb(36,93,64)
```
#2a6b4a
```
#2a6b4a rgb(42,107,74)
```
#2f7953
```
#2f7953 rgb(47,121,83)
```
#35885d
```
#35885d rgb(53,136,93)
```
#3a9667
```
#3a9667 rgb(58,150,103)
```
#40a470
```
#40a470 rgb(64,164,112)
```
#45b27a
```
#45b27a rgb(69,178,122)
```

Shade Color Variation

#50bb84
```
#50bb84 rgb(80,187,132)
```
#5ec08e
```
#5ec08e rgb(94,192,142)
```
#6cc698
```
#6cc698 rgb(108,198,152)
```
#7acba2
```
#7acba2 rgb(122,203,162)
```
#88d1ac
```
#88d1ac rgb(136,209,172)
```
#96d6b5
```
#96d6b5 rgb(150,214,181)
```
#a4dcbf
```
#a4dcbf rgb(164,220,191)
```
#b3e1c9
```
#b3e1c9 rgb(179,225,201)
```
#c1e7d3
```
#c1e7d3 rgb(193,231,211)
```
#cfecdd
```
#cfecdd rgb(207,236,221)
```
#ddf2e7
```
#ddf2e7 rgb(221,242,231)
```
#ebf7f1
```
#ebf7f1 rgb(235,247,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#75837b
```
#75837b rgb(117,131,123)
```
#6b8c7b
```
#6b8c7b rgb(107,140,123)
```
#62967b
```
#62967b rgb(98,150,123)
```
#589f7b
```
#589f7b rgb(88,159,123)
```
#4fa97a
```
#4fa97a rgb(79,169,122)
```
#45b27a
```
#45b27a rgb(69,178,122)
```
#3cbc7a
```
#3cbc7a rgb(60,188,122)
```
#32c579
```
#32c579 rgb(50,197,121)
```
#29cf79
```
#29cf79 rgb(41,207,121)
```
#1fd879
```
#1fd879 rgb(31,216,121)
```
#16e279
```
#16e279 rgb(22,226,121)
```
#0ceb78
```
#0ceb78 rgb(12,235,120)
```
#02f578
```
#02f578 rgb(2,245,120)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7d9388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa379 Protanopia 1% of men
#bc9d89 Deuteranopia 1% of men
#65aebb Tritanopia 0.001% of the population

Trichromacy

#88a879 Protanomaly 1% of men, 0.01% of women
#90a583 Deuteranomaly 6% of men, 0.4% of women
#59afa3 Tritanomaly 0.01% of the population

#45b27a hex color

#45b27a Color Information

#45b27a Color Conversion

Color Schemes with #45b27a

Alternatives to #45b27a

#45b27a Preview

Shades and Tints of #45b27a

Tones of #45b27a

Color Blindness Simulator