#45b996 hex color

In a RGB color space, hex #45b996 is composed of 27.1% red, 72.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 18.9% yellow and 27.5% black. It has a hue angle of 161.9 degrees, a saturation of 45.7% and a lightness of 49.8%. #45b996 color hex could be obtained by blending #8affff with #00732d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 73
- B 59
RGB color chart
- C 63
- M 0
- Y 19
- K 27
CMYK color chart

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

The hexadecimal color #45b996 has RGB values of R:69, G:185, B:150 and CMYK values of C:0.63, M:0, Y:0.19, K:0.27. Its decimal value is 4569494.

Hex triplet	45b996	`#45b996`
RGB Decimal	69, 185, 150	`rgb(69,185,150)`
RGB Percent	27.1, 72.5, 58.8	`rgb(27.1%,72.5%,58.8%)`
CMYK	63, 0, 19, 27
HSL	161.9°, 45.7, 49.8	`hsl(161.9,45.7%,49.8%)`
HSV (or HSB)	161.9°, 62.7, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.141, -41.013, 8.216
XYZ	25.306, 38.163, 34.885
xyY	0.257, 0.388, 38.163
CIE-LCH	68.141, 41.828, 168.672
CIE-LUV	68.141, -47.594, 18.292
Hunter-Lab	61.776, -34.987, 9.762
Binary	01000101, 10111001, 10010110

#45b996
```
#45b996 rgb(69,185,150)
```
#b94568
```
#b94568 rgb(185,69,104)
```

Complementary Color

#45b95c
```
#45b95c rgb(69,185,92)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#45a2b9
```
#45a2b9 rgb(69,162,185)
```

Analogous Color

#b95c45
```
#b95c45 rgb(185,92,69)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#b945a2
```
#b945a2 rgb(185,69,162)
```

Split Complementary Color

#b99645
```
#b99645 rgb(185,150,69)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#9645b9
```
#9645b9 rgb(150,69,185)
```

Triadic Color

#68b945
```
#68b945 rgb(104,185,69)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#9645b9
```
#9645b9 rgb(150,69,185)
```
#b94568
```
#b94568 rgb(185,69,104)
```

Tetradic Color

#308169
```
#308169 rgb(48,129,105)
```
#379478
```
#379478 rgb(55,148,120)
```
#3ea687
```
#3ea687 rgb(62,166,135)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#57c0a1
```
#57c0a1 rgb(87,192,161)
```
#6ac7ab
```
#6ac7ab rgb(106,199,171)
```
#7cceb6
```
#7cceb6 rgb(124,206,182)
```

Monochromatic Color

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

#45b979
```
#45b979 rgb(69,185,121)
```
#45b983
```
#45b983 rgb(69,185,131)
```
#45b98c
```
#45b98c rgb(69,185,140)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#45b9a0
```
#45b9a0 rgb(69,185,160)
```
#45b9a9
```
#45b9a9 rgb(69,185,169)
```
#45b9b3
```
#45b9b3 rgb(69,185,179)
```

Similar Colors

Text with hexadecimal color #45b996

This text has a font color of #45b996.

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

#45b996 background color

This paragraph has a background color of #45b996.

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

#45b996 border color

This element has a border color of #45b996.

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

CSS codes

.text {color:#45b996;}

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

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

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, #050e0b is the darkest color, while #feffff is the lightest one.

#050e0b
```
#050e0b rgb(5,14,11)
```
#0a1c17
```
#0a1c17 rgb(10,28,23)
```
#102a22
```
#102a22 rgb(16,42,34)
```
#15382e
```
#15382e rgb(21,56,46)
```
#1a4739
```
#1a4739 rgb(26,71,57)
```
#205545
```
#205545 rgb(32,85,69)
```
#256350
```
#256350 rgb(37,99,80)
```
#2a725c
```
#2a725c rgb(42,114,92)
```
#308068
```
#308068 rgb(48,128,104)
```
#358e73
```
#358e73 rgb(53,142,115)
```
#3a9c7f
```
#3a9c7f rgb(58,156,127)
```
#40ab8a
```
#40ab8a rgb(64,171,138)
```
#45b996
```
#45b996 rgb(69,185,150)
```

Shade Color Variation

#53bf9e
```
#53bf9e rgb(83,191,158)
```
#61c4a6
```
#61c4a6 rgb(97,196,166)
```
#6fc9ae
```
#6fc9ae rgb(111,201,174)
```
#7ecfb6
```
#7ecfb6 rgb(126,207,182)
```
#8cd4be
```
#8cd4be rgb(140,212,190)
```
#9ad9c6
```
#9ad9c6 rgb(154,217,198)
```
#a9dfce
```
#a9dfce rgb(169,223,206)
```
#b7e4d6
```
#b7e4d6 rgb(183,228,214)
```
#c5e9de
```
#c5e9de rgb(197,233,222)
```
#d3efe6
```
#d3efe6 rgb(211,239,230)
```
#e2f4ef
```
#e2f4ef rgb(226,244,239)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768883
```
#768883 rgb(118,136,131)
```
#6c9287
```
#6c9287 rgb(108,146,135)
```
#629c8a
```
#629c8a rgb(98,156,138)
```
#59a58e
```
#59a58e rgb(89,165,142)
```
#4faf92
```
#4faf92 rgb(79,175,146)
```
#45b996
```
#45b996 rgb(69,185,150)
```
#3bc39a
```
#3bc39a rgb(59,195,154)
```
#31cd9e
```
#31cd9e rgb(49,205,158)
```
#28d6a2
```
#28d6a2 rgb(40,214,162)
```
#1ee0a5
```
#1ee0a5 rgb(30,224,165)
```
#14eaa9
```
#14eaa9 rgb(20,234,169)
```
#0af4ad
```
#0af4ad rgb(10,244,173)
```
#01fdb1
```
#01fdb1 rgb(1,253,177)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#839a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa92 Protanopia 1% of men
#bda5a3 Deuteranopia 1% of men
#61b6c4 Tritanopia 0.001% of the population

Trichromacy

#8baf93 Protanomaly 1% of men, 0.01% of women
#91ac9e Deuteranomaly 6% of men, 0.4% of women
#57b7b3 Tritanomaly 0.01% of the population

#45b996 hex color

#45b996 Color Information

#45b996 Color Conversion

Color Schemes with #45b996

Alternatives to #45b996

#45b996 Preview

Shades and Tints of #45b996

Tones of #45b996

Color Blindness Simulator