#45cf96 hex color

In a RGB color space, hex #45cf96 is composed of 27.1% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 155.2 degrees, a saturation of 59% and a lightness of 54.1%. #45cf96 color hex could be obtained by blending #8affff with #009f2d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45cf96 has RGB values of R:69, G:207, B:150 and CMYK values of C:0.67, M:0, Y:0.28, K:0.19. Its decimal value is 4575126.

Hex triplet	45cf96	`#45cf96`
RGB Decimal	69, 207, 150	`rgb(69,207,150)`
RGB Percent	27.1, 81.2, 58.8	`rgb(27.1%,81.2%,58.8%)`
CMYK	67, 0, 28, 19
HSL	155.2°, 59, 54.1	`hsl(155.2,59%,54.1%)`
HSV (or HSB)	155.2°, 66.7, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.882, -50.282, 17.709
XYZ	30.27, 48.09, 36.54
xyY	0.263, 0.419, 48.09
CIE-LCH	74.882, 53.309, 160.598
CIE-LUV	74.882, -55.733, 33.3
Hunter-Lab	69.347, -43.443, 17.303
Binary	01000101, 11001111, 10010110

#45cf96
```
#45cf96 rgb(69,207,150)
```
#cf457e
```
#cf457e rgb(207,69,126)
```

Complementary Color

#45cf51
```
#45cf51 rgb(69,207,81)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#45c3cf
```
#45c3cf rgb(69,195,207)
```

Analogous Color

#cf5145
```
#cf5145 rgb(207,81,69)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#cf45c3
```
#cf45c3 rgb(207,69,195)
```

Split Complementary Color

#cf9645
```
#cf9645 rgb(207,150,69)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#9645cf
```
#9645cf rgb(150,69,207)
```

Triadic Color

#7ecf45
```
#7ecf45 rgb(126,207,69)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#9645cf
```
#9645cf rgb(150,69,207)
```
#cf457e
```
#cf457e rgb(207,69,126)
```

Tetradic Color

#299f6e
```
#299f6e rgb(41,159,110)
```
#2eb37c
```
#2eb37c rgb(46,179,124)
```
#33c78a
```
#33c78a rgb(51,199,138)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#59d4a1
```
#59d4a1 rgb(89,212,161)
```
#6ed9ad
```
#6ed9ad rgb(110,217,173)
```
#82dfb8
```
#82dfb8 rgb(130,223,184)
```

Monochromatic Color

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

#45cf74
```
#45cf74 rgb(69,207,116)
```
#45cf7f
```
#45cf7f rgb(69,207,127)
```
#45cf8b
```
#45cf8b rgb(69,207,139)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#45cfa2
```
#45cfa2 rgb(69,207,162)
```
#45cfad
```
#45cfad rgb(69,207,173)
```
#45cfb9
```
#45cfb9 rgb(69,207,185)
```

Similar Colors

Text with hexadecimal color #45cf96

This text has a font color of #45cf96.

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

#45cf96 background color

This paragraph has a background color of #45cf96.

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

#45cf96 border color

This element has a border color of #45cf96.

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

CSS codes

.text {color:#45cf96;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110c
```
#04110c rgb(4,17,12)
```
#082016
```
#082016 rgb(8,32,22)
```
#0c3021
```
#0c3021 rgb(12,48,33)
```
#103f2c
```
#103f2c rgb(16,63,44)
```
#144f37
```
#144f37 rgb(20,79,55)
```
#185f42
```
#185f42 rgb(24,95,66)
```
#1c6e4c
```
#1c6e4c rgb(28,110,76)
```
#207e57
```
#207e57 rgb(32,126,87)
```
#248d62
```
#248d62 rgb(36,141,98)
```
#299d6d
```
#299d6d rgb(41,157,109)
```
#2dad78
```
#2dad78 rgb(45,173,120)
```
#31bc83
```
#31bc83 rgb(49,188,131)
```

Shade Color Variation

#35cb8d
```
#35cb8d rgb(53,203,141)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#55d39f
```
#55d39f rgb(85,211,159)
```
#64d7a8
```
#64d7a8 rgb(100,215,168)
```
#74dbb0
```
#74dbb0 rgb(116,219,176)
```
#83dfb9
```
#83dfb9 rgb(131,223,185)
```
#93e3c2
```
#93e3c2 rgb(147,227,194)
```
#a3e7cb
```
#a3e7cb rgb(163,231,203)
```
#b2ebd4
```
#b2ebd4 rgb(178,235,212)
```
#c2efdc
```
#c2efdc rgb(194,239,220)
```
#d1f3e5
```
#d1f3e5 rgb(209,243,229)
```
#e1f7ee
```
#e1f7ee rgb(225,247,238)
```
#f1fbf7
```
#f1fbf7 rgb(241,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84908b is the less saturated color, while #18fc9e is the most saturated one.

#84908b
```
#84908b rgb(132,144,139)
```
#7b998d
```
#7b998d rgb(123,153,141)
```
#72a28e
```
#72a28e rgb(114,162,142)
```
#69ab90
```
#69ab90 rgb(105,171,144)
```
#60b491
```
#60b491 rgb(96,180,145)
```
#57bd93
```
#57bd93 rgb(87,189,147)
```
#4ec694
```
#4ec694 rgb(78,198,148)
```
#45cf96
```
#45cf96 rgb(69,207,150)
```
#3cd898
```
#3cd898 rgb(60,216,152)
```
#33e199
```
#33e199 rgb(51,225,153)
```
#2aea9b
```
#2aea9b rgb(42,234,155)
```
#21f39c
```
#21f39c rgb(33,243,156)
```
#18fc9e
```
#18fc9e rgb(24,252,158)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da99d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bb91 Protanopia 1% of men
#d5b5a5 Deuteranopia 1% of men
#6ac9d8 Tritanopia 0.001% of the population

Trichromacy

#98c293 Protanomaly 1% of men, 0.01% of women
#a1be9f Deuteranomaly 6% of men, 0.4% of women
#5dcbc0 Tritanomaly 0.01% of the population

#45cf96 hex color

#45cf96 Color Information

#45cf96 Color Conversion

Color Schemes with #45cf96

Alternatives to #45cf96

#45cf96 Preview

Shades and Tints of #45cf96

Tones of #45cf96

Color Blindness Simulator