#45ba96 hex color

In a RGB color space, hex #45ba96 is composed of 27.1% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 161.5 degrees, a saturation of 45.9% and a lightness of 50%. #45ba96 color hex could be obtained by blending #8affff with #00752d. 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

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

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

Hex triplet	45ba96	`#45ba96`
RGB Decimal	69, 186, 150	`rgb(69,186,150)`
RGB Percent	27.1, 72.9, 58.8	`rgb(27.1%,72.9%,58.8%)`
CMYK	63, 0, 19, 27
HSL	161.5°, 45.9, 50	`hsl(161.5,45.9%,50%)`
HSV (or HSB)	161.5°, 62.9, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.448, -41.451, 8.655
XYZ	25.516, 38.583, 34.955
xyY	0.258, 0.39, 38.583
CIE-LCH	68.448, 42.345, 168.206
CIE-LUV	68.448, -47.97, 18.994
Hunter-Lab	62.115, -35.376, 10.115
Binary	01000101, 10111010, 10010110

#45ba96
```
#45ba96 rgb(69,186,150)
```
#ba4569
```
#ba4569 rgb(186,69,105)
```

Complementary Color

#45ba5b
```
#45ba5b rgb(69,186,91)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#45a4ba
```
#45a4ba rgb(69,164,186)
```

Analogous Color

#ba5c45
```
#ba5c45 rgb(186,92,69)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#ba45a4
```
#ba45a4 rgb(186,69,164)
```

Split Complementary Color

#ba9645
```
#ba9645 rgb(186,150,69)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#9645ba
```
#9645ba rgb(150,69,186)
```

Triadic Color

#69ba45
```
#69ba45 rgb(105,186,69)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#9645ba
```
#9645ba rgb(150,69,186)
```
#ba4569
```
#ba4569 rgb(186,69,105)
```

Tetradic Color

#308269
```
#308269 rgb(48,130,105)
```
#379578
```
#379578 rgb(55,149,120)
```
#3ea787
```
#3ea787 rgb(62,167,135)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#58c1a1
```
#58c1a1 rgb(88,193,161)
```
#6ac8ab
```
#6ac8ab rgb(106,200,171)
```
#7dcfb6
```
#7dcfb6 rgb(125,207,182)
```

Monochromatic Color

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

#45ba79
```
#45ba79 rgb(69,186,121)
```
#45ba83
```
#45ba83 rgb(69,186,131)
```
#45ba8c
```
#45ba8c rgb(69,186,140)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#45baa0
```
#45baa0 rgb(69,186,160)
```
#45baaa
```
#45baaa rgb(69,186,170)
```
#45bab3
```
#45bab3 rgb(69,186,179)
```

Similar Colors

Text with hexadecimal color #45ba96

This text has a font color of #45ba96.

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

#45ba96 background color

This paragraph has a background color of #45ba96.

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

#45ba96 border color

This element has a border color of #45ba96.

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

CSS codes

.text {color:#45ba96;}

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

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

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

#050e0c
```
#050e0c rgb(5,14,12)
```
#0b1d17
```
#0b1d17 rgb(11,29,23)
```
#102b23
```
#102b23 rgb(16,43,35)
```
#15392e
```
#15392e rgb(21,57,46)
```
#1b483a
```
#1b483a rgb(27,72,58)
```
#205645
```
#205645 rgb(32,86,69)
```
#256451
```
#256451 rgb(37,100,81)
```
#2a725c
```
#2a725c rgb(42,114,92)
```
#308168
```
#308168 rgb(48,129,104)
```
#358f73
```
#358f73 rgb(53,143,115)
```
#3a9d7f
```
#3a9d7f rgb(58,157,127)
```
#40ac8a
```
#40ac8a rgb(64,172,138)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```

Shade Color Variation

#53bf9e
```
#53bf9e rgb(83,191,158)
```
#62c5a6
```
#62c5a6 rgb(98,197,166)
```
#70caae
```
#70caae rgb(112,202,174)
```
#7ecfb6
```
#7ecfb6 rgb(126,207,182)
```
#8dd5be
```
#8dd5be rgb(141,213,190)
```
#9bdac6
```
#9bdac6 rgb(155,218,198)
```
#a9dfcf
```
#a9dfcf rgb(169,223,207)
```
#b7e4d7
```
#b7e4d7 rgb(183,228,215)
```
#c6eadf
```
#c6eadf rgb(198,234,223)
```
#d4efe7
```
#d4efe7 rgb(212,239,231)
```
#e2f4ef
```
#e2f4ef rgb(226,244,239)
```
#f1faf7
```
#f1faf7 rgb(241,250,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#768983
```
#768983 rgb(118,137,131)
```
#6c9387
```
#6c9387 rgb(108,147,135)
```
#629d8b
```
#629d8b rgb(98,157,139)
```
#59a68e
```
#59a68e rgb(89,166,142)
```
#4fb092
```
#4fb092 rgb(79,176,146)
```
#45ba96
```
#45ba96 rgb(69,186,150)
```
#3bc49a
```
#3bc49a rgb(59,196,154)
```
#31ce9e
```
#31ce9e rgb(49,206,158)
```
#28d7a1
```
#28d7a1 rgb(40,215,161)
```
#1ee1a5
```
#1ee1a5 rgb(30,225,165)
```
#14eba9
```
#14eba9 rgb(20,235,169)
```
#0af5ad
```
#0af5ad rgb(10,245,173)
```
#00ffb0
```
#00ffb0 rgb(0,255,176)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#839b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ab92 Protanopia 1% of men
#bea6a3 Deuteranopia 1% of men
#61b7c5 Tritanopia 0.001% of the population

Trichromacy

#8bb093 Protanomaly 1% of men, 0.01% of women
#92ad9e Deuteranomaly 6% of men, 0.4% of women
#57b8b3 Tritanomaly 0.01% of the population

#45ba96 hex color

#45ba96 Color Information

#45ba96 Color Conversion

Color Schemes with #45ba96

Alternatives to #45ba96

#45ba96 Preview

Shades and Tints of #45ba96

Tones of #45ba96

Color Blindness Simulator