#45ca96 hex color

In a RGB color space, hex #45ca96 is composed of 27.1% red, 79.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 0% magenta, 25.7% yellow and 20.8% black. It has a hue angle of 156.5 degrees, a saturation of 55.6% and a lightness of 53.1%. #45ca96 color hex could be obtained by blending #8affff with #00952d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 79
- B 59
RGB color chart
- C 66
- M 0
- Y 26
- K 21
CMYK color chart

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

The hexadecimal color #45ca96 has RGB values of R:69, G:202, B:150 and CMYK values of C:0.66, M:0, Y:0.26, K:0.21. Its decimal value is 4573846.

Hex triplet	45ca96	`#45ca96`
RGB Decimal	69, 202, 150	`rgb(69,202,150)`
RGB Percent	27.1, 79.2, 58.8	`rgb(27.1%,79.2%,58.8%)`
CMYK	66, 0, 26, 21
HSL	156.5°, 55.6, 53.1	`hsl(156.5,55.6%,53.1%)`
HSV (or HSB)	156.5°, 65.8, 79.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.354, -48.24, 15.581
XYZ	29.078, 45.706, 36.142
xyY	0.262, 0.412, 45.706
CIE-LCH	73.354, 50.694, 162.1
CIE-LUV	73.354, -53.907, 29.97
Hunter-Lab	67.606, -41.537, 15.628
Binary	01000101, 11001010, 10010110

#45ca96
```
#45ca96 rgb(69,202,150)
```
#ca4579
```
#ca4579 rgb(202,69,121)
```

Complementary Color

#45ca54
```
#45ca54 rgb(69,202,84)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#45bcca
```
#45bcca rgb(69,188,202)
```

Analogous Color

#ca5445
```
#ca5445 rgb(202,84,69)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#ca45bc
```
#ca45bc rgb(202,69,188)
```

Split Complementary Color

#ca9645
```
#ca9645 rgb(202,150,69)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#9645ca
```
#9645ca rgb(150,69,202)
```

Triadic Color

#79ca45
```
#79ca45 rgb(121,202,69)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#9645ca
```
#9645ca rgb(150,69,202)
```
#ca4579
```
#ca4579 rgb(202,69,121)
```

Tetradic Color

#2b976d
```
#2b976d rgb(43,151,109)
```
#31ab7b
```
#31ab7b rgb(49,171,123)
```
#36bf8a
```
#36bf8a rgb(54,191,138)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#59d0a1
```
#59d0a1 rgb(89,208,161)
```
#6dd5ac
```
#6dd5ac rgb(109,213,172)
```
#81dbb8
```
#81dbb8 rgb(129,219,184)
```

Monochromatic Color

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

#45ca75
```
#45ca75 rgb(69,202,117)
```
#45ca80
```
#45ca80 rgb(69,202,128)
```
#45ca8b
```
#45ca8b rgb(69,202,139)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#45caa1
```
#45caa1 rgb(69,202,161)
```
#45caac
```
#45caac rgb(69,202,172)
```
#45cab7
```
#45cab7 rgb(69,202,183)
```

Similar Colors

Text with hexadecimal color #45ca96

This text has a font color of #45ca96.

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

#45ca96 background color

This paragraph has a background color of #45ca96.

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

#45ca96 border color

This element has a border color of #45ca96.

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

CSS codes

.text {color:#45ca96;}

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

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

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

#040c09
```
#040c09 rgb(4,12,9)
```
#081c14
```
#081c14 rgb(8,28,20)
```
#0c2b1f
```
#0c2b1f rgb(12,43,31)
```
#113a2a
```
#113a2a rgb(17,58,42)
```
#154a35
```
#154a35 rgb(21,74,53)
```
#195940
```
#195940 rgb(25,89,64)
```
#1e684b
```
#1e684b rgb(30,104,75)
```
#227756
```
#227756 rgb(34,119,86)
```
#268761
```
#268761 rgb(38,135,97)
```
#2b966c
```
#2b966c rgb(43,150,108)
```
#2fa577
```
#2fa577 rgb(47,165,119)
```
#33b482
```
#33b482 rgb(51,180,130)
```
#38c48d
```
#38c48d rgb(56,196,141)
```

Shade Color Variation

#45ca96
```
#45ca96 rgb(69,202,150)
```
#54ce9f
```
#54ce9f rgb(84,206,159)
```
#64d3a7
```
#64d3a7 rgb(100,211,167)
```
#73d7b0
```
#73d7b0 rgb(115,215,176)
```
#82dbb8
```
#82dbb8 rgb(130,219,184)
```
#91e0c1
```
#91e0c1 rgb(145,224,193)
```
#a1e4ca
```
#a1e4ca rgb(161,228,202)
```
#b0e8d2
```
#b0e8d2 rgb(176,232,210)
```
#bfeddb
```
#bfeddb rgb(191,237,219)
```
#cef1e4
```
#cef1e4 rgb(206,241,228)
```
#def5ec
```
#def5ec rgb(222,245,236)
```
#edfaf5
```
#edfaf5 rgb(237,250,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a88 is the less saturated color, while #17f8a0 is the most saturated one.

#858a88
```
#858a88 rgb(133,138,136)
```
#7c938a
```
#7c938a rgb(124,147,138)
```
#739c8c
```
#739c8c rgb(115,156,140)
```
#6aa58e
```
#6aa58e rgb(106,165,142)
```
#61ae90
```
#61ae90 rgb(97,174,144)
```
#57b892
```
#57b892 rgb(87,184,146)
```
#4ec194
```
#4ec194 rgb(78,193,148)
```
#45ca96
```
#45ca96 rgb(69,202,150)
```
#3cd398
```
#3cd398 rgb(60,211,152)
```
#33dc9a
```
#33dc9a rgb(51,220,154)
```
#29e69c
```
#29e69c rgb(41,230,156)
```
#20ef9e
```
#20ef9e rgb(32,239,158)
```
#17f8a0
```
#17f8a0 rgb(23,248,160)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b792 Protanopia 1% of men
#d0b1a4 Deuteranopia 1% of men
#68c5d3 Tritanopia 0.001% of the population

Trichromacy

#95be93 Protanomaly 1% of men, 0.01% of women
#9dba9f Deuteranomaly 6% of men, 0.4% of women
#5bc6bd Tritanomaly 0.01% of the population

#45ca96 hex color

#45ca96 Color Information

#45ca96 Color Conversion

Color Schemes with #45ca96

Alternatives to #45ca96

#45ca96 Preview

Shades and Tints of #45ca96

Tones of #45ca96

Color Blindness Simulator