#74bc96 hex color

In a RGB color space, hex #74bc96 is composed of 45.5% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 148.3 degrees, a saturation of 35% and a lightness of 59.6%. #74bc96 color hex could be obtained by blending #e8ffff with #00792d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 45
- G 74
- B 59
RGB color chart
- C 38
- M 0
- Y 20
- K 26
CMYK color chart

● #74bc96 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #74bc96 has RGB values of R:116, G:188, B:150 and CMYK values of C:0.38, M:0, Y:0.2, K:0.26. Its decimal value is 7650454.

Hex triplet	74bc96	`#74bc96`
RGB Decimal	116, 188, 150	`rgb(116,188,150)`
RGB Percent	45.5, 73.7, 58.8	`rgb(45.5%,73.7%,58.8%)`
CMYK	38, 0, 20, 26
HSL	148.3°, 35, 59.6	`hsl(148.3,35%,59.6%)`
HSV (or HSB)	148.3°, 38.3, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.788, -31.067, 12.216
XYZ	30.689, 41.88, 35.319
xyY	0.284, 0.388, 41.88
CIE-LCH	70.788, 33.383, 158.535
CIE-LUV	70.788, -34.364, 22.517
Hunter-Lab	64.715, -28.602, 12.942
Binary	01110100, 10111100, 10010110

#74bc96
```
#74bc96 rgb(116,188,150)
```
#bc749a
```
#bc749a rgb(188,116,154)
```

Complementary Color

#76bc74
```
#76bc74 rgb(118,188,116)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#74bcba
```
#74bcba rgb(116,188,186)
```

Analogous Color

#bc7476
```
#bc7476 rgb(188,116,118)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#ba74bc
```
#ba74bc rgb(186,116,188)
```

Split Complementary Color

#bc9674
```
#bc9674 rgb(188,150,116)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#9674bc
```
#9674bc rgb(150,116,188)
```

Triadic Color

#9abc74
```
#9abc74 rgb(154,188,116)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#9674bc
```
#9674bc rgb(150,116,188)
```
#bc749a
```
#bc749a rgb(188,116,154)
```

Tetradic Color

#4a9a70
```
#4a9a70 rgb(74,154,112)
```
#52ab7c
```
#52ab7c rgb(82,171,124)
```
#63b489
```
#63b489 rgb(99,180,137)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#85c4a3
```
#85c4a3 rgb(133,196,163)
```
#96cdb0
```
#96cdb0 rgb(150,205,176)
```
#a8d5bd
```
#a8d5bd rgb(168,213,189)
```

Monochromatic Color

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

#74bc84
```
#74bc84 rgb(116,188,132)
```
#74bc8a
```
#74bc8a rgb(116,188,138)
```
#74bc90
```
#74bc90 rgb(116,188,144)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#74bc9c
```
#74bc9c rgb(116,188,156)
```
#74bca2
```
#74bca2 rgb(116,188,162)
```
#74bca8
```
#74bca8 rgb(116,188,168)
```

Similar Colors

Text with hexadecimal color #74bc96

This text has a font color of #74bc96.

<span style="color:#74bc96;">Text here</span>

#74bc96 background color

This paragraph has a background color of #74bc96.

<p style="background-color:#74bc96;">Content here</p>

#74bc96 border color

This element has a border color of #74bc96.

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

CSS codes

.text {color:#74bc96;}

.background {background-color:#74bc96;}

.border {border:1px solid #74bc96;}

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

#030705
```
#030705 rgb(3,7,5)
```
#0a140e
```
#0a140e rgb(10,20,14)
```
#102118
```
#102118 rgb(16,33,24)
```
#162e22
```
#162e22 rgb(22,46,34)
```
#1d3c2b
```
#1d3c2b rgb(29,60,43)
```
#234935
```
#234935 rgb(35,73,53)
```
#29563e
```
#29563e rgb(41,86,62)
```
#306348
```
#306348 rgb(48,99,72)
```
#367052
```
#367052 rgb(54,112,82)
```
#3d7e5b
```
#3d7e5b rgb(61,126,91)
```
#438b65
```
#438b65 rgb(67,139,101)
```
#49986f
```
#49986f rgb(73,152,111)
```
#50a578
```
#50a578 rgb(80,165,120)
```

Shade Color Variation

#5aaf82
```
#5aaf82 rgb(90,175,130)
```
#67b68c
```
#67b68c rgb(103,182,140)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#81c2a0
```
#81c2a0 rgb(129,194,160)
```
#8ec9aa
```
#8ec9aa rgb(142,201,170)
```
#9ccfb4
```
#9ccfb4 rgb(156,207,180)
```
#a9d6be
```
#a9d6be rgb(169,214,190)
```
#b6dcc8
```
#b6dcc8 rgb(182,220,200)
```
#c3e2d2
```
#c3e2d2 rgb(195,226,210)
```
#d1e9dc
```
#d1e9dc rgb(209,233,220)
```
#deefe6
```
#deefe6 rgb(222,239,230)
```
#ebf5f0
```
#ebf5f0 rgb(235,245,240)
```
#f8fcfa
```
#f8fcfa rgb(248,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949c98 is the less saturated color, while #35fb92 is the most saturated one.

#949c98
```
#949c98 rgb(148,156,152)
```
#8ca497
```
#8ca497 rgb(140,164,151)
```
#84ac97
```
#84ac97 rgb(132,172,151)
```
#7cb496
```
#7cb496 rgb(124,180,150)
```
#74bc96
```
#74bc96 rgb(116,188,150)
```
#6cc496
```
#6cc496 rgb(108,196,150)
```
#64cc95
```
#64cc95 rgb(100,204,149)
```
#5cd495
```
#5cd495 rgb(92,212,149)
```
#54dc94
```
#54dc94 rgb(84,220,148)
```
#4ce494
```
#4ce494 rgb(76,228,148)
```
#44ec93
```
#44ec93 rgb(68,236,147)
```
#3df393
```
#3df393 rgb(61,243,147)
```
#35fb92
```
#35fb92 rgb(53,251,146)
```

Tone Color Variation

Below, you can see how #74bc96 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

#a2a2a2 Achromatopsia 0.005% of the population
#99a7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb194 Protanopia 1% of men
#c7aba2 Deuteranopia 1% of men
#87b9c6 Tritanopia 0.001% of the population

Trichromacy

#a1b595 Protanomaly 1% of men, 0.01% of women
#a9b19d Deuteranomaly 6% of men, 0.4% of women
#80bab5 Tritanomaly 0.01% of the population

#74bc96 hex color

#74bc96 Color Information

#74bc96 Color Conversion

Color Schemes with #74bc96

Alternatives to #74bc96

#74bc96 Preview

Shades and Tints of #74bc96

Tones of #74bc96

Color Blindness Simulator