colorhexa.com

#4bf980 hex color

In a RGB color space, hex #4bf980 is composed of 29.4% red, 97.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 48.6% yellow and 2.4% black. It has a hue angle of 138.3 degrees, a saturation of 93.5% and a lightness of 63.5%. #4bf980 color hex could be obtained by blending #96ffff with #00f301. Closest websafe color is: #33ff99.

- R 29
- G 98
- B 50
RGB color chart
- C 70
- M 0
- Y 49
- K 2
CMYK color chart

● #4bf980 color description : Soft cyan - lime green.

The hexadecimal color #4bf980 has RGB values of R:75, G:249, B:128 and CMYK values of C:0.7, M:0, Y:0.49, K:0.02. Its decimal value is 4979072.

Hex triplet	4bf980	`#4bf980`
RGB Decimal	75, 249, 128	`rgb(75,249,128)`
RGB Percent	29.4, 97.6, 50.2	`rgb(29.4%,97.6%,50.2%)`
CMYK	70, 0, 49, 2
HSL	138.3°, 93.5, 63.5	`hsl(138.3,93.5%,63.5%)`
HSV (or HSB)	138.3°, 69.9, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.389, -68.863, 45.363
XYZ	40.671, 70.802, 31.944
xyY	0.284, 0.494, 70.802
CIE-LCH	87.389, 82.461, 146.626
CIE-LUV	87.389, -70.553, 71.945
Hunter-Lab	84.144, -60.974, 36.392
Binary	01001011, 11111001, 10000000

#4bf980
```
#4bf980 rgb(75,249,128)
```
#f94bc4
```
#f94bc4 rgb(249,75,196)
```

Complementary Color

#6df94b
```
#6df94b rgb(109,249,75)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#4bf9d7
```
#4bf9d7 rgb(75,249,215)
```

Analogous Color

#f94b6d
```
#f94b6d rgb(249,75,109)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#d74bf9
```
#d74bf9 rgb(215,75,249)
```

Split Complementary Color

#f9804b
```
#f9804b rgb(249,128,75)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#804bf9
```
#804bf9 rgb(128,75,249)
```

Triadic Color

#c4f94b
```
#c4f94b rgb(196,249,75)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#804bf9
```
#804bf9 rgb(128,75,249)
```
#f94bc4
```
#f94bc4 rgb(249,75,196)
```

Tetradic Color

#08f04f
```
#08f04f rgb(8,240,79)
```
#1af75d
```
#1af75d rgb(26,247,93)
```
#32f86f
```
#32f86f rgb(50,248,111)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#64fa91
```
#64fa91 rgb(100,250,145)
```
#7cfba3
```
#7cfba3 rgb(124,251,163)
```
#95fbb4
```
#95fbb4 rgb(149,251,180)
```

Monochromatic Color

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

#4bf955
```
#4bf955 rgb(75,249,85)
```
#4bf963
```
#4bf963 rgb(75,249,99)
```
#4bf972
```
#4bf972 rgb(75,249,114)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#4bf98f
```
#4bf98f rgb(75,249,143)
```
#4bf99d
```
#4bf99d rgb(75,249,157)
```
#4bf9ac
```
#4bf9ac rgb(75,249,172)
```

Similar Colors

Text with hexadecimal color #4bf980

This text has a font color of #4bf980.

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

#4bf980 background color

This paragraph has a background color of #4bf980.

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

#4bf980 border color

This element has a border color of #4bf980.

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

CSS codes

.text {color:#4bf980;}

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

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

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, #000a03 is the darkest color, while #f6fff9 is the lightest one.

#000a03
```
#000a03 rgb(0,10,3)
```
#011d09
```
#011d09 rgb(1,29,9)
```
#023010
```
#023010 rgb(2,48,16)
```
#024316
```
#024316 rgb(2,67,22)
```
#03561c
```
#03561c rgb(3,86,28)
```
#036922
```
#036922 rgb(3,105,34)
```
#047c29
```
#047c29 rgb(4,124,41)
```
#058f2f
```
#058f2f rgb(5,143,47)
```
#05a235
```
#05a235 rgb(5,162,53)
```
#06b53b
```
#06b53b rgb(6,181,59)
```
#07c841
```
#07c841 rgb(7,200,65)
```
#07db48
```
#07db48 rgb(7,219,72)
```
#08ee4e
```
#08ee4e rgb(8,238,78)
```

Shade Color Variation

#12f758
```
#12f758 rgb(18,247,88)
```
#25f865
```
#25f865 rgb(37,248,101)
```
#38f873
```
#38f873 rgb(56,248,115)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```
#5efa8d
```
#5efa8d rgb(94,250,141)
```
#71fa9b
```
#71fa9b rgb(113,250,155)
```
#84fba8
```
#84fba8 rgb(132,251,168)
```
#97fcb6
```
#97fcb6 rgb(151,252,182)
```
#aafcc3
```
#aafcc3 rgb(170,252,195)
```
#bdfdd0
```
#bdfdd0 rgb(189,253,208)
```
#d0fdde
```
#d0fdde rgb(208,253,222)
```
#e3feeb
```
#e3feeb rgb(227,254,235)
```
#f6fff9
```
#f6fff9 rgb(246,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a3a2 is the less saturated color, while #4bf980 is the most saturated one.

#a1a3a2
```
#a1a3a2 rgb(161,163,162)
```
#9aaa9f
```
#9aaa9f rgb(154,170,159)
```
#93b19c
```
#93b19c rgb(147,177,156)
```
#8bb999
```
#8bb999 rgb(139,185,153)
```
#84c096
```
#84c096 rgb(132,192,150)
```
#7dc794
```
#7dc794 rgb(125,199,148)
```
#76ce91
```
#76ce91 rgb(118,206,145)
```
#6fd58e
```
#6fd58e rgb(111,213,142)
```
#68dc8b
```
#68dc8b rgb(104,220,139)
```
#60e488
```
#60e488 rgb(96,228,136)
```
#59eb86
```
#59eb86 rgb(89,235,134)
```
#52f283
```
#52f283 rgb(82,242,131)
```
#4bf980
```
#4bf980 rgb(75,249,128)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a1c4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2dc7c Protanopia 1% of men
#ffd5a8 Deuteranopia 1% of men
#83ebfd Tritanopia 0.001% of the population

Trichromacy

#b5e77e Protanomaly 1% of men, 0.01% of women
#bde299 Deuteranomaly 6% of men, 0.4% of women
#6ff0cf Tritanomaly 0.01% of the population