#48f996 hex color

In a RGB color space, hex #48f996 is composed of 28.2% red, 97.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 0% magenta, 39.8% yellow and 2.4% black. It has a hue angle of 146.4 degrees, a saturation of 93.7% and a lightness of 62.9%. #48f996 color hex could be obtained by blending #90ffff with #00f32d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 98
- B 59
RGB color chart
- C 71
- M 0
- Y 40
- K 2
CMYK color chart

● #48f996 color description : Bright cyan - lime green.

The hexadecimal color #48f996 has RGB values of R:72, G:249, B:150 and CMYK values of C:0.71, M:0, Y:0.4, K:0.02. Its decimal value is 4782486.

Hex triplet	48f996	`#48f996`
RGB Decimal	72, 249, 150	`rgb(72,249,150)`
RGB Percent	28.2, 97.6, 58.8	`rgb(28.2%,97.6%,58.8%)`
CMYK	71, 0, 40, 2
HSL	146.4°, 93.7, 62.9	`hsl(146.4,93.7%,62.9%)`
HSV (or HSB)	146.4°, 71.1, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.644, -65.75, 34.976
XYZ	42.05, 71.327, 40.404
xyY	0.273, 0.464, 71.327
CIE-LCH	87.644, 74.474, 151.989
CIE-LUV	87.644, -70.005, 59.507
Hunter-Lab	84.455, -58.922, 30.754
Binary	01001000, 11111001, 10010110

#48f996
```
#48f996 rgb(72,249,150)
```
#f948ab
```
#f948ab rgb(249,72,171)
```

Complementary Color

#52f948
```
#52f948 rgb(82,249,72)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#48f9ef
```
#48f9ef rgb(72,249,239)
```

Analogous Color

#f94852
```
#f94852 rgb(249,72,82)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#ef48f9
```
#ef48f9 rgb(239,72,249)
```

Split Complementary Color

#f99648
```
#f99648 rgb(249,150,72)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#9648f9
```
#9648f9 rgb(150,72,249)
```

Triadic Color

#abf948
```
#abf948 rgb(171,249,72)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#9648f9
```
#9648f9 rgb(150,72,249)
```
#f948ab
```
#f948ab rgb(249,72,171)
```

Tetradic Color

#08ed6d
```
#08ed6d rgb(8,237,109)
```
#17f77a
```
#17f77a rgb(23,247,122)
```
#2ff888
```
#2ff888 rgb(47,248,136)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#61faa4
```
#61faa4 rgb(97,250,164)
```
#79fbb2
```
#79fbb2 rgb(121,251,178)
```
#92fbc1
```
#92fbc1 rgb(146,251,193)
```

Monochromatic Color

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

#48f96a
```
#48f96a rgb(72,249,106)
```
#48f979
```
#48f979 rgb(72,249,121)
```
#48f987
```
#48f987 rgb(72,249,135)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#48f9a5
```
#48f9a5 rgb(72,249,165)
```
#48f9b4
```
#48f9b4 rgb(72,249,180)
```
#48f9c2
```
#48f9c2 rgb(72,249,194)
```

Similar Colors

Text with hexadecimal color #48f996

This text has a font color of #48f996.

<span style="color:#48f996;">Text here</span>

#48f996 background color

This paragraph has a background color of #48f996.

<p style="background-color:#48f996;">Content here</p>

#48f996 border color

This element has a border color of #48f996.

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

CSS codes

.text {color:#48f996;}

.background {background-color:#48f996;}

.border {border:1px solid #48f996;}

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

#000703
```
#000703 rgb(0,7,3)
```
#011a0c
```
#011a0c rgb(1,26,12)
```
#012d15
```
#012d15 rgb(1,45,21)
```
#02401d
```
#02401d rgb(2,64,29)
```
#035326
```
#035326 rgb(3,83,38)
```
#03662f
```
#03662f rgb(3,102,47)
```
#047937
```
#047937 rgb(4,121,55)
```
#058c40
```
#058c40 rgb(5,140,64)
```
#059f49
```
#059f49 rgb(5,159,73)
```
#06b252
```
#06b252 rgb(6,178,82)
```
#06c55a
```
#06c55a rgb(6,197,90)
```
#07d863
```
#07d863 rgb(7,216,99)
```
#08eb6c
```
#08eb6c rgb(8,235,108)
```

Shade Color Variation

#0ff775
```
#0ff775 rgb(15,247,117)
```
#22f880
```
#22f880 rgb(34,248,128)
```
#35f88b
```
#35f88b rgb(53,248,139)
```
#48f996
```
#48f996 rgb(72,249,150)
```
#5bfaa1
```
#5bfaa1 rgb(91,250,161)
```
#6efaac
```
#6efaac rgb(110,250,172)
```
#81fbb7
```
#81fbb7 rgb(129,251,183)
```
#94fbc2
```
#94fbc2 rgb(148,251,194)
```
#a7fccc
```
#a7fccc rgb(167,252,204)
```
#bafdd7
```
#bafdd7 rgb(186,253,215)
```
#cdfde2
```
#cdfde2 rgb(205,253,226)
```
#e0feed
```
#e0feed rgb(224,254,237)
```
#f3fff8
```
#f3fff8 rgb(243,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa2a0 is the less saturated color, while #48f996 is the most saturated one.

#9fa2a0
```
#9fa2a0 rgb(159,162,160)
```
#98a99f
```
#98a99f rgb(152,169,159)
```
#91b09f
```
#91b09f rgb(145,176,159)
```
#89b89e
```
#89b89e rgb(137,184,158)
```
#82bf9d
```
#82bf9d rgb(130,191,157)
```
#7bc69c
```
#7bc69c rgb(123,198,156)
```
#74cd9b
```
#74cd9b rgb(116,205,155)
```
#6cd59a
```
#6cd59a rgb(108,213,154)
```
#65dc99
```
#65dc99 rgb(101,220,153)
```
#5ee399
```
#5ee399 rgb(94,227,153)
```
#57ea98
```
#57ea98 rgb(87,234,152)
```
#4ff297
```
#4ff297 rgb(79,242,151)
```
#48f996
```
#48f996 rgb(72,249,150)
```

Tone Color Variation

Below, you can see how #48f996 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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dd90 Protanopia 1% of men
#ffd6b0 Deuteranopia 1% of men
#7eedfe Tritanopia 0.001% of the population

Trichromacy

#b3e792 Protanomaly 1% of men, 0.01% of women
#bce2a7 Deuteranomaly 6% of men, 0.4% of women
#6af1d8 Tritanomaly 0.01% of the population

#48f996 hex color

#48f996 Color Information

#48f996 Color Conversion

Color Schemes with #48f996

Alternatives to #48f996

#48f996 Preview

Shades and Tints of #48f996

Tones of #48f996

Color Blindness Simulator