#45b39d hex color

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

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

● #45b39d color description : Moderate cyan.

The hexadecimal color #45b39d has RGB values of R:69, G:179, B:157 and CMYK values of C:0.61, M:0, Y:0.12, K:0.3. Its decimal value is 4567965.

Hex triplet	45b39d	`#45b39d`
RGB Decimal	69, 179, 157	`rgb(69,179,157)`
RGB Percent	27.1, 70.2, 61.6	`rgb(27.1%,70.2%,61.6%)`
CMYK	61, 0, 12, 30
HSL	168°, 44.4, 48.6	`hsl(168,44.4%,48.6%)`
HSV (or HSB)	168°, 61.5, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.472, -36.592, 1.961
XYZ	24.658, 35.938, 37.534
xyY	0.251, 0.366, 35.938
CIE-LCH	66.472, 36.644, 176.933
CIE-LUV	66.472, -44.938, 8.55
Hunter-Lab	59.948, -31.488, 4.842
Binary	01000101, 10110011, 10011101

#45b39d
```
#45b39d rgb(69,179,157)
```
#b3455b
```
#b3455b rgb(179,69,91)
```

Complementary Color

#45b366
```
#45b366 rgb(69,179,102)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#4592b3
```
#4592b3 rgb(69,146,179)
```

Analogous Color

#b36645
```
#b36645 rgb(179,102,69)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#b34592
```
#b34592 rgb(179,69,146)
```

Split Complementary Color

#b39d45
```
#b39d45 rgb(179,157,69)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#9d45b3
```
#9d45b3 rgb(157,69,179)
```

Triadic Color

#5bb345
```
#5bb345 rgb(91,179,69)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#9d45b3
```
#9d45b3 rgb(157,69,179)
```
#b3455b
```
#b3455b rgb(179,69,91)
```

Tetradic Color

#307c6d
```
#307c6d rgb(48,124,109)
```
#378e7d
```
#378e7d rgb(55,142,125)
```
#3ea18d
```
#3ea18d rgb(62,161,141)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#54bda8
```
#54bda8 rgb(84,189,168)
```
#67c4b2
```
#67c4b2 rgb(103,196,178)
```
#79cbbb
```
#79cbbb rgb(121,203,187)
```

Monochromatic Color

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

#45b382
```
#45b382 rgb(69,179,130)
```
#45b38b
```
#45b38b rgb(69,179,139)
```
#45b394
```
#45b394 rgb(69,179,148)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#45b3a6
```
#45b3a6 rgb(69,179,166)
```
#45b3af
```
#45b3af rgb(69,179,175)
```
#45aeb3
```
#45aeb3 rgb(69,174,179)
```

Similar Colors

Text with hexadecimal color #45b39d

This text has a font color of #45b39d.

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

#45b39d background color

This paragraph has a background color of #45b39d.

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

#45b39d border color

This element has a border color of #45b39d.

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

CSS codes

.text {color:#45b39d;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#091714
```
#091714 rgb(9,23,20)
```
#0e2521
```
#0e2521 rgb(14,37,33)
```
#14342d
```
#14342d rgb(20,52,45)
```
#19423a
```
#19423a rgb(25,66,58)
```
#1f5046
```
#1f5046 rgb(31,80,70)
```
#245e52
```
#245e52 rgb(36,94,82)
```
#2a6c5f
```
#2a6c5f rgb(42,108,95)
```
#2f7a6b
```
#2f7a6b rgb(47,122,107)
```
#358978
```
#358978 rgb(53,137,120)
```
#3a9784
```
#3a9784 rgb(58,151,132)
```
#40a591
```
#40a591 rgb(64,165,145)
```
#45b39d
```
#45b39d rgb(69,179,157)
```

Shade Color Variation

#50bca6
```
#50bca6 rgb(80,188,166)
```
#5ec1ad
```
#5ec1ad rgb(94,193,173)
```
#6cc6b4
```
#6cc6b4 rgb(108,198,180)
```
#7bccbc
```
#7bccbc rgb(123,204,188)
```
#89d1c3
```
#89d1c3 rgb(137,209,195)
```
#97d7ca
```
#97d7ca rgb(151,215,202)
```
#a5dcd1
```
#a5dcd1 rgb(165,220,209)
```
#b3e2d8
```
#b3e2d8 rgb(179,226,216)
```
#c1e7e0
```
#c1e7e0 rgb(193,231,224)
```
#cfede7
```
#cfede7 rgb(207,237,231)
```
#def2ee
```
#def2ee rgb(222,242,238)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#758380
```
#758380 rgb(117,131,128)
```
#6b8d86
```
#6b8d86 rgb(107,141,134)
```
#62968c
```
#62968c rgb(98,150,140)
```
#58a092
```
#58a092 rgb(88,160,146)
```
#4fa997
```
#4fa997 rgb(79,169,151)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#3bbda3
```
#3bbda3 rgb(59,189,163)
```
#32c6a8
```
#32c6a8 rgb(50,198,168)
```
#28d0ae
```
#28d0ae rgb(40,208,174)
```
#1fd9b4
```
#1fd9b4 rgb(31,217,180)
```
#15e3ba
```
#15e3ba rgb(21,227,186)
```
#0cecbf
```
#0cecbf rgb(12,236,191)
```
#02f6c5
```
#02f6c5 rgb(2,246,197)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#819793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca599 Protanopia 1% of men
#b4a1a9 Deuteranopia 1% of men
#5cb2bf Tritanopia 0.001% of the population

Trichromacy

#86aa9a Protanomaly 1% of men, 0.01% of women
#8ba7a5 Deuteranomaly 6% of men, 0.4% of women
#54b2b3 Tritanomaly 0.01% of the population

#45b39d hex color

#45b39d Color Information

#45b39d Color Conversion

Color Schemes with #45b39d

Alternatives to #45b39d

#45b39d Preview

Shades and Tints of #45b39d

Tones of #45b39d

Color Blindness Simulator