#45b48d hex color

In a RGB color space, hex #45b48d is composed of 27.1% red, 70.6% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 21.7% yellow and 29.4% black. It has a hue angle of 158.9 degrees, a saturation of 44.6% and a lightness of 48.8%. #45b48d color hex could be obtained by blending #8affff with #00691b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 71
- B 55
RGB color chart
- C 62
- M 0
- Y 22
- K 29
CMYK color chart

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

The hexadecimal color #45b48d has RGB values of R:69, G:180, B:141 and CMYK values of C:0.62, M:0, Y:0.22, K:0.29. Its decimal value is 4568205.

Hex triplet	45b48d	`#45b48d`
RGB Decimal	69, 180, 141	`rgb(69,180,141)`
RGB Percent	27.1, 70.6, 55.3	`rgb(27.1%,70.6%,55.3%)`
CMYK	62, 0, 22, 29
HSL	158.9°, 44.6, 48.8	`hsl(158.9,44.6%,48.8%)`
HSV (or HSB)	158.9°, 61.7, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.389, -40.943, 10.661
XYZ	23.581, 35.829, 30.871
xyY	0.261, 0.397, 35.829
CIE-LCH	66.389, 42.308, 165.405
CIE-LUV	66.389, -46.198, 21.579
Hunter-Lab	59.857, -34.428, 11.322
Binary	01000101, 10110100, 10001101

#45b48d
```
#45b48d rgb(69,180,141)
```
#b4456c
```
#b4456c rgb(180,69,108)
```

Complementary Color

#45b456
```
#45b456 rgb(69,180,86)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#45a4b4
```
#45a4b4 rgb(69,164,180)
```

Analogous Color

#b45645
```
#b45645 rgb(180,86,69)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#b445a4
```
#b445a4 rgb(180,69,164)
```

Split Complementary Color

#b48d45
```
#b48d45 rgb(180,141,69)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#8d45b4
```
#8d45b4 rgb(141,69,180)
```

Triadic Color

#6cb445
```
#6cb445 rgb(108,180,69)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#8d45b4
```
#8d45b4 rgb(141,69,180)
```
#b4456c
```
#b4456c rgb(180,69,108)
```

Tetradic Color

#307d62
```
#307d62 rgb(48,125,98)
```
#378f70
```
#378f70 rgb(55,143,112)
```
#3ea27f
```
#3ea27f rgb(62,162,127)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#55be99
```
#55be99 rgb(85,190,153)
```
#67c5a4
```
#67c5a4 rgb(103,197,164)
```
#7accaf
```
#7accaf rgb(122,204,175)
```

Monochromatic Color

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

#45b471
```
#45b471 rgb(69,180,113)
```
#45b47b
```
#45b47b rgb(69,180,123)
```
#45b484
```
#45b484 rgb(69,180,132)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#45b4a0
```
#45b4a0 rgb(69,180,160)
```
#45b4a9
```
#45b4a9 rgb(69,180,169)
```

Similar Colors

Text with hexadecimal color #45b48d

This text has a font color of #45b48d.

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

#45b48d background color

This paragraph has a background color of #45b48d.

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

#45b48d border color

This element has a border color of #45b48d.

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

CSS codes

.text {color:#45b48d;}

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

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

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, #040a08 is the darkest color, while #fbfdfc is the lightest one.

#040a08
```
#040a08 rgb(4,10,8)
```
#091813
```
#091813 rgb(9,24,19)
```
#0f261e
```
#0f261e rgb(15,38,30)
```
#143429
```
#143429 rgb(20,52,41)
```
#1a4334
```
#1a4334 rgb(26,67,52)
```
#1f513f
```
#1f513f rgb(31,81,63)
```
#245f4a
```
#245f4a rgb(36,95,74)
```
#2a6d55
```
#2a6d55 rgb(42,109,85)
```
#2f7b61
```
#2f7b61 rgb(47,123,97)
```
#35896c
```
#35896c rgb(53,137,108)
```
#3a9877
```
#3a9877 rgb(58,152,119)
```
#40a682
```
#40a682 rgb(64,166,130)
```
#45b48d
```
#45b48d rgb(69,180,141)
```

Shade Color Variation

#51bc96
```
#51bc96 rgb(81,188,150)
```
#5fc29f
```
#5fc29f rgb(95,194,159)
```
#6dc7a7
```
#6dc7a7 rgb(109,199,167)
```
#7bccb0
```
#7bccb0 rgb(123,204,176)
```
#89d2b8
```
#89d2b8 rgb(137,210,184)
```
#97d7c1
```
#97d7c1 rgb(151,215,193)
```
#a6ddc9
```
#a6ddc9 rgb(166,221,201)
```
#b4e2d2
```
#b4e2d2 rgb(180,226,210)
```
#c2e8da
```
#c2e8da rgb(194,232,218)
```
#d0ede3
```
#d0ede3 rgb(208,237,227)
```
#def2eb
```
#def2eb rgb(222,242,235)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#75847f
```
#75847f rgb(117,132,127)
```
#6b8e82
```
#6b8e82 rgb(107,142,130)
```
#629784
```
#629784 rgb(98,151,132)
```
#58a187
```
#58a187 rgb(88,161,135)
```
#4faa8a
```
#4faa8a rgb(79,170,138)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#3bbe90
```
#3bbe90 rgb(59,190,144)
```
#32c793
```
#32c793 rgb(50,199,147)
```
#28d196
```
#28d196 rgb(40,209,150)
```
#1fda98
```
#1fda98 rgb(31,218,152)
```
#15e49b
```
#15e49b rgb(21,228,155)
```
#0ced9e
```
#0ced9e rgb(12,237,158)
```
#02f7a1
```
#02f7a1 rgb(2,247,161)
```

Tone Color Variation

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

Dichromacy

#afa58a Protanopia 1% of men
#b9a09a Deuteranopia 1% of men
#61b1be Tritanopia 0.001% of the population

Trichromacy

#88ab8b Protanomaly 1% of men, 0.01% of women
#8fa795 Deuteranomaly 6% of men, 0.4% of women
#57b2ac Tritanomaly 0.01% of the population

#45b48d hex color

#45b48d Color Information

#45b48d Color Conversion

Color Schemes with #45b48d

Alternatives to #45b48d

#45b48d Preview

Shades and Tints of #45b48d

Tones of #45b48d

Color Blindness Simulator