colorhexa.com

#4bae74 hex color

In a RGB color space, hex #4bae74 is composed of 29.4% red, 68.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 33.3% yellow and 31.8% black. It has a hue angle of 144.8 degrees, a saturation of 39.8% and a lightness of 48.8%. #4bae74 color hex could be obtained by blending #96ffe8 with #005d00. Closest websafe color is: #339966.

- R 29
- G 68
- B 45
RGB color chart
- C 57
- M 0
- Y 33
- K 32
CMYK color chart

● #4bae74 color description : Dark moderate cyan - lime green.

The hexadecimal color #4bae74 has RGB values of R:75, G:174, B:116 and CMYK values of C:0.57, M:0, Y:0.33, K:0.32. Its decimal value is 4959860.

Hex triplet	4bae74	`#4bae74`
RGB Decimal	75, 174, 116	`rgb(75,174,116)`
RGB Percent	29.4, 68.2, 45.5	`rgb(29.4%,68.2%,45.5%)`
CMYK	57, 0, 33, 32
HSL	144.8°, 39.8, 48.8	`hsl(144.8,39.8%,48.8%)`
HSV (or HSB)	144.8°, 56.9, 68.2
Web Safe	339966	`#339966`

CIE-LAB	64.183, -42.442, 21.279
XYZ	21.189, 33.027, 21.78
xyY	0.279, 0.435, 33.027
CIE-LCH	64.183, 47.478, 153.372
CIE-LUV	64.183, -43.552, 35.418
Hunter-Lab	57.469, -34.759, 17.758
Binary	01001011, 10101110, 01110100

#4bae74
```
#4bae74 rgb(75,174,116)
```
#ae4b85
```
#ae4b85 rgb(174,75,133)
```

Complementary Color

#54ae4b
```
#54ae4b rgb(84,174,75)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#4baea6
```
#4baea6 rgb(75,174,166)
```

Analogous Color

#ae4b54
```
#ae4b54 rgb(174,75,84)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#a64bae
```
#a64bae rgb(166,75,174)
```

Split Complementary Color

#ae744b
```
#ae744b rgb(174,116,75)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#744bae
```
#744bae rgb(116,75,174)
```

Triadic Color

#85ae4b
```
#85ae4b rgb(133,174,75)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#744bae
```
#744bae rgb(116,75,174)
```
#ae4b85
```
#ae4b85 rgb(174,75,133)
```

Tetradic Color

#347950
```
#347950 rgb(52,121,80)
```
#3c8a5c
```
#3c8a5c rgb(60,138,92)
```
#439c68
```
#439c68 rgb(67,156,104)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#5ab881
```
#5ab881 rgb(90,184,129)
```
#6cc08f
```
#6cc08f rgb(108,192,143)
```
#7ec79c
```
#7ec79c rgb(126,199,156)
```

Monochromatic Color

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

#4bae5b
```
#4bae5b rgb(75,174,91)
```
#4bae64
```
#4bae64 rgb(75,174,100)
```
#4bae6c
```
#4bae6c rgb(75,174,108)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#4bae7c
```
#4bae7c rgb(75,174,124)
```
#4bae85
```
#4bae85 rgb(75,174,133)
```
#4bae8d
```
#4bae8d rgb(75,174,141)
```

Similar Colors

Text with hexadecimal color #4bae74

This text has a font color of #4bae74.

<span style="color:#4bae74;">Text here</span>

#4bae74 background color

This paragraph has a background color of #4bae74.

<p style="background-color:#4bae74;">Content here</p>

#4bae74 border color

This element has a border color of #4bae74.

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

CSS codes

.text {color:#4bae74;}

.background {background-color:#4bae74;}

.border {border:1px solid #4bae74;}

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

#040a06
```
#040a06 rgb(4,10,6)
```
#0a170f
```
#0a170f rgb(10,23,15)
```
#102519
```
#102519 rgb(16,37,25)
```
#163322
```
#163322 rgb(22,51,34)
```
#1c402b
```
#1c402b rgb(28,64,43)
```
#224e34
```
#224e34 rgb(34,78,52)
```
#285c3d
```
#285c3d rgb(40,92,61)
```
#2d6946
```
#2d6946 rgb(45,105,70)
```
#33774f
```
#33774f rgb(51,119,79)
```
#398559
```
#398559 rgb(57,133,89)
```
#3f9362
```
#3f9362 rgb(63,147,98)
```
#45a06b
```
#45a06b rgb(69,160,107)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```

Shade Color Variation

#56b67e
```
#56b67e rgb(86,182,126)
```
#64bc89
```
#64bc89 rgb(100,188,137)
```
#72c293
```
#72c293 rgb(114,194,147)
```
#7fc89d
```
#7fc89d rgb(127,200,157)
```
#8dcea8
```
#8dcea8 rgb(141,206,168)
```
#9bd4b2
```
#9bd4b2 rgb(155,212,178)
```
#a9dabd
```
#a9dabd rgb(169,218,189)
```
#b6e0c7
```
#b6e0c7 rgb(182,224,199)
```
#c4e6d2
```
#c4e6d2 rgb(196,230,210)
```
#d2ebdc
```
#d2ebdc rgb(210,235,220)
```
#dff1e7
```
#dff1e7 rgb(223,241,231)
```
#edf7f1
```
#edf7f1 rgb(237,247,241)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#7b7e7c
```
#7b7e7c rgb(123,126,124)
```
#71887b
```
#71887b rgb(113,136,123)
```
#689179
```
#689179 rgb(104,145,121)
```
#5e9b77
```
#5e9b77 rgb(94,155,119)
```
#55a476
```
#55a476 rgb(85,164,118)
```
#4bae74
```
#4bae74 rgb(75,174,116)
```
#41b872
```
#41b872 rgb(65,184,114)
```
#38c171
```
#38c171 rgb(56,193,113)
```
#2ecb6f
```
#2ecb6f rgb(46,203,111)
```
#25d46d
```
#25d46d rgb(37,212,109)
```
#1bde6c
```
#1bde6c rgb(27,222,108)
```
#12e76a
```
#12e76a rgb(18,231,106)
```
#08f168
```
#08f168 rgb(8,241,104)
```

Tone Color Variation

Below, you can see how #4bae74 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

#8a8a8a Achromatopsia 0.005% of the population
#7d9186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca074 Protanopia 1% of men
#b99a83 Deuteranopia 1% of men
#69aab6 Tritanopia 0.001% of the population

Trichromacy

#89a574 Protanomaly 1% of men, 0.01% of women
#91a17d Deuteranomaly 6% of men, 0.4% of women
#5eab9e Tritanomaly 0.01% of the population