#45b38d hex color

In a RGB color space, hex #45b38d is composed of 27.1% red, 70.2% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 21.2% yellow and 29.8% black. It has a hue angle of 159.3 degrees, a saturation of 44.4% and a lightness of 48.6%. #45b38d color hex could be obtained by blending #8affff with #00671b. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45b38d has RGB values of R:69, G:179, B:141 and CMYK values of C:0.61, M:0, Y:0.21, K:0.3. Its decimal value is 4567949.

Hex triplet	45b38d	`#45b38d`
RGB Decimal	69, 179, 141	`rgb(69,179,141)`
RGB Percent	27.1, 70.2, 55.3	`rgb(27.1%,70.2%,55.3%)`
CMYK	61, 0, 21, 30
HSL	159.3°, 44.4, 48.6	`hsl(159.3,44.4%,48.6%)`
HSV (or HSB)	159.3°, 61.5, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.079, -40.505, 10.222
XYZ	23.38, 35.427, 30.804
xyY	0.261, 0.395, 35.427
CIE-LCH	66.079, 41.775, 165.836
CIE-LUV	66.079, -45.818, 20.888
Hunter-Lab	59.52, -34.043, 10.98
Binary	01000101, 10110011, 10001101

#45b38d
```
#45b38d rgb(69,179,141)
```
#b3456b
```
#b3456b rgb(179,69,107)
```

Complementary Color

#45b356
```
#45b356 rgb(69,179,86)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#45a2b3
```
#45a2b3 rgb(69,162,179)
```

Analogous Color

#b35645
```
#b35645 rgb(179,86,69)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#b345a2
```
#b345a2 rgb(179,69,162)
```

Split Complementary Color

#b38d45
```
#b38d45 rgb(179,141,69)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#8d45b3
```
#8d45b3 rgb(141,69,179)
```

Triadic Color

#6bb345
```
#6bb345 rgb(107,179,69)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#8d45b3
```
#8d45b3 rgb(141,69,179)
```
#b3456b
```
#b3456b rgb(179,69,107)
```

Tetradic Color

#307c62
```
#307c62 rgb(48,124,98)
```
#378e70
```
#378e70 rgb(55,142,112)
```
#3ea17f
```
#3ea17f rgb(62,161,127)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#54bd99
```
#54bd99 rgb(84,189,153)
```
#67c4a4
```
#67c4a4 rgb(103,196,164)
```
#79cbaf
```
#79cbaf rgb(121,203,175)
```

Monochromatic Color

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

#45b372
```
#45b372 rgb(69,179,114)
```
#45b37b
```
#45b37b rgb(69,179,123)
```
#45b384
```
#45b384 rgb(69,179,132)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#45b39f
```
#45b39f rgb(69,179,159)
```
#45b3a9
```
#45b3a9 rgb(69,179,169)
```

Similar Colors

Text with hexadecimal color #45b38d

This text has a font color of #45b38d.

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

#45b38d background color

This paragraph has a background color of #45b38d.

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

#45b38d border color

This element has a border color of #45b38d.

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

CSS codes

.text {color:#45b38d;}

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

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

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

#040907
```
#040907 rgb(4,9,7)
```
#091712
```
#091712 rgb(9,23,18)
```
#0e251d
```
#0e251d rgb(14,37,29)
```
#143429
```
#143429 rgb(20,52,41)
```
#194234
```
#194234 rgb(25,66,52)
```
#1f503f
```
#1f503f rgb(31,80,63)
```
#245e4a
```
#245e4a rgb(36,94,74)
```
#2a6c55
```
#2a6c55 rgb(42,108,85)
```
#2f7a60
```
#2f7a60 rgb(47,122,96)
```
#35896c
```
#35896c rgb(53,137,108)
```
#3a9777
```
#3a9777 rgb(58,151,119)
```
#40a582
```
#40a582 rgb(64,165,130)
```
#45b38d
```
#45b38d rgb(69,179,141)
```

Shade Color Variation

#50bc96
```
#50bc96 rgb(80,188,150)
```
#5ec19f
```
#5ec19f rgb(94,193,159)
```
#6cc6a7
```
#6cc6a7 rgb(108,198,167)
```
#7bccb0
```
#7bccb0 rgb(123,204,176)
```
#89d1b8
```
#89d1b8 rgb(137,209,184)
```
#97d7c1
```
#97d7c1 rgb(151,215,193)
```
#a5dcc9
```
#a5dcc9 rgb(165,220,201)
```
#b3e2d2
```
#b3e2d2 rgb(179,226,210)
```
#c1e7da
```
#c1e7da rgb(193,231,218)
```
#cfede3
```
#cfede3 rgb(207,237,227)
```
#def2eb
```
#def2eb rgb(222,242,235)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#75837e
```
#75837e rgb(117,131,126)
```
#6b8d81
```
#6b8d81 rgb(107,141,129)
```
#629684
```
#629684 rgb(98,150,132)
```
#58a087
```
#58a087 rgb(88,160,135)
```
#4fa98a
```
#4fa98a rgb(79,169,138)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#3bbd90
```
#3bbd90 rgb(59,189,144)
```
#32c693
```
#32c693 rgb(50,198,147)
```
#28d096
```
#28d096 rgb(40,208,150)
```
#1fd999
```
#1fd999 rgb(31,217,153)
```
#15e39c
```
#15e39c rgb(21,227,156)
```
#0cec9f
```
#0cec9f rgb(12,236,159)
```
#02f6a2
```
#02f6a2 rgb(2,246,162)
```

Tone Color Variation

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

Dichromacy

#aea58a Protanopia 1% of men
#b8a09a Deuteranopia 1% of men
#61b0bd Tritanopia 0.001% of the population

Trichromacy

#88aa8b Protanomaly 1% of men, 0.01% of women
#8ea795 Deuteranomaly 6% of men, 0.4% of women
#57b1ac Tritanomaly 0.01% of the population

#45b38d hex color

#45b38d Color Information

#45b38d Color Conversion

Color Schemes with #45b38d

Alternatives to #45b38d

#45b38d Preview

Shades and Tints of #45b38d

Tones of #45b38d

Color Blindness Simulator