#45c696 hex color

In a RGB color space, hex #45c696 is composed of 27.1% red, 77.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 24.2% yellow and 22.4% black. It has a hue angle of 157.7 degrees, a saturation of 53.1% and a lightness of 52.4%. #45c696 color hex could be obtained by blending #8affff with #008d2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 78
- B 59
RGB color chart
- C 65
- M 0
- Y 24
- K 22
CMYK color chart

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

The hexadecimal color #45c696 has RGB values of R:69, G:198, B:150 and CMYK values of C:0.65, M:0, Y:0.24, K:0.22. Its decimal value is 4572822.

Hex triplet	45c696	`#45c696`
RGB Decimal	69, 198, 150	`rgb(69,198,150)`
RGB Percent	27.1, 77.6, 58.8	`rgb(27.1%,77.6%,58.8%)`
CMYK	65, 0, 24, 22
HSL	157.7°, 53.1, 52.4	`hsl(157.7,53.1%,52.4%)`
HSV (or HSB)	157.7°, 65.2, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.13, -46.581, 13.866
XYZ	28.151, 43.853, 35.833
xyY	0.261, 0.407, 43.853
CIE-LCH	72.13, 48.6, 163.423
CIE-LUV	72.13, -52.437, 27.272
Hunter-Lab	66.222, -40.006, 14.272
Binary	01000101, 11000110, 10010110

#45c696
```
#45c696 rgb(69,198,150)
```
#c64575
```
#c64575 rgb(198,69,117)
```

Complementary Color

#45c656
```
#45c656 rgb(69,198,86)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#45b6c6
```
#45b6c6 rgb(69,182,198)
```

Analogous Color

#c65645
```
#c65645 rgb(198,86,69)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#c645b6
```
#c645b6 rgb(198,69,182)
```

Split Complementary Color

#c69645
```
#c69645 rgb(198,150,69)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#9645c6
```
#9645c6 rgb(150,69,198)
```

Triadic Color

#75c645
```
#75c645 rgb(117,198,69)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#9645c6
```
#9645c6 rgb(150,69,198)
```
#c64575
```
#c64575 rgb(198,69,117)
```

Tetradic Color

#2d926c
```
#2d926c rgb(45,146,108)
```
#33a57b
```
#33a57b rgb(51,165,123)
```
#39b989
```
#39b989 rgb(57,185,137)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#59cca1
```
#59cca1 rgb(89,204,161)
```
#6cd2ac
```
#6cd2ac rgb(108,210,172)
```
#80d8b7
```
#80d8b7 rgb(128,216,183)
```

Monochromatic Color

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

#45c676
```
#45c676 rgb(69,198,118)
```
#45c681
```
#45c681 rgb(69,198,129)
```
#45c68b
```
#45c68b rgb(69,198,139)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#45c6a1
```
#45c6a1 rgb(69,198,161)
```
#45c6ac
```
#45c6ac rgb(69,198,172)
```
#45c6b6
```
#45c6b6 rgb(69,198,182)
```

Similar Colors

Text with hexadecimal color #45c696

This text has a font color of #45c696.

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

#45c696 background color

This paragraph has a background color of #45c696.

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

#45c696 border color

This element has a border color of #45c696.

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

CSS codes

.text {color:#45c696;}

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

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

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

#030907
```
#030907 rgb(3,9,7)
```
#071812
```
#071812 rgb(7,24,18)
```
#0c271d
```
#0c271d rgb(12,39,29)
```
#113628
```
#113628 rgb(17,54,40)
```
#154533
```
#154533 rgb(21,69,51)
```
#1a543f
```
#1a543f rgb(26,84,63)
```
#1e634a
```
#1e634a rgb(30,99,74)
```
#237255
```
#237255 rgb(35,114,85)
```
#288160
```
#288160 rgb(40,129,96)
```
#2c906b
```
#2c906b rgb(44,144,107)
```
#319f76
```
#319f76 rgb(49,159,118)
```
#35ae81
```
#35ae81 rgb(53,174,129)
```
#3abd8c
```
#3abd8c rgb(58,189,140)
```

Shade Color Variation

#45c696
```
#45c696 rgb(69,198,150)
```
#54cb9e
```
#54cb9e rgb(84,203,158)
```
#63cfa7
```
#63cfa7 rgb(99,207,167)
```
#72d4af
```
#72d4af rgb(114,212,175)
```
#81d8b8
```
#81d8b8 rgb(129,216,184)
```
#90ddc0
```
#90ddc0 rgb(144,221,192)
```
#9fe2c9
```
#9fe2c9 rgb(159,226,201)
```
#aee6d1
```
#aee6d1 rgb(174,230,209)
```
#bdebda
```
#bdebda rgb(189,235,218)
```
#ccefe2
```
#ccefe2 rgb(204,239,226)
```
#dbf4eb
```
#dbf4eb rgb(219,244,235)
```
#eaf9f3
```
#eaf9f3 rgb(234,249,243)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8e88 is the less saturated color, while #0dfea4 is the most saturated one.

#7d8e88
```
#7d8e88 rgb(125,142,136)
```
#74978a
```
#74978a rgb(116,151,138)
```
#6aa18c
```
#6aa18c rgb(106,161,140)
```
#61aa8f
```
#61aa8f rgb(97,170,143)
```
#58b391
```
#58b391 rgb(88,179,145)
```
#4ebd94
```
#4ebd94 rgb(78,189,148)
```
#45c696
```
#45c696 rgb(69,198,150)
```
#3ccf98
```
#3ccf98 rgb(60,207,152)
```
#32d99b
```
#32d99b rgb(50,217,155)
```
#29e29d
```
#29e29d rgb(41,226,157)
```
#20eba0
```
#20eba0 rgb(32,235,160)
```
#16f5a2
```
#16f5a2 rgb(22,245,162)
```
#0dfea4
```
#0dfea4 rgb(13,254,164)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#89a399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb492 Protanopia 1% of men
#cbaea4 Deuteranopia 1% of men
#67c1cf Tritanopia 0.001% of the population

Trichromacy

#93ba93 Protanomaly 1% of men, 0.01% of women
#9ab79f Deuteranomaly 6% of men, 0.4% of women
#5ac3ba Tritanomaly 0.01% of the population

#45c696 hex color

#45c696 Color Information

#45c696 Color Conversion

Color Schemes with #45c696

Alternatives to #45c696

#45c696 Preview

Shades and Tints of #45c696

Tones of #45c696

Color Blindness Simulator