#48f899 hex color

In a RGB color space, hex #48f899 is composed of 28.2% red, 97.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 38.3% yellow and 2.7% black. It has a hue angle of 147.6 degrees, a saturation of 92.6% and a lightness of 62.7%. #48f899 color hex could be obtained by blending #90ffff with #00f133. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 97
- B 60
RGB color chart
- C 71
- M 0
- Y 38
- K 3
CMYK color chart

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

The hexadecimal color #48f899 has RGB values of R:72, G:248, B:153 and CMYK values of C:0.71, M:0, Y:0.38, K:0.03. Its decimal value is 4782233.

Hex triplet	48f899	`#48f899`
RGB Decimal	72, 248, 153	`rgb(72,248,153)`
RGB Percent	28.2, 97.3, 60	`rgb(28.2%,97.3%,60%)`
CMYK	71, 0, 38, 3
HSL	147.6°, 92.6, 62.7	`hsl(147.6,92.6%,62.7%)`
HSV (or HSB)	147.6°, 71, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.392, -64.857, 33.149
XYZ	41.987, 70.808, 41.59
xyY	0.272, 0.459, 70.808
CIE-LCH	87.392, 72.837, 152.928
CIE-LUV	87.392, -69.499, 57.083
Hunter-Lab	84.148, -58.193, 29.599
Binary	01001000, 11111000, 10011001

#48f899
```
#48f899 rgb(72,248,153)
```
#f848a7
```
#f848a7 rgb(248,72,167)
```

Complementary Color

#4ff848
```
#4ff848 rgb(79,248,72)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#48f8f1
```
#48f8f1 rgb(72,248,241)
```

Analogous Color

#f8484f
```
#f8484f rgb(248,72,79)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#f148f8
```
#f148f8 rgb(241,72,248)
```

Split Complementary Color

#f89948
```
#f89948 rgb(248,153,72)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#9948f8
```
#9948f8 rgb(153,72,248)
```

Triadic Color

#a7f848
```
#a7f848 rgb(167,248,72)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#9948f8
```
#9948f8 rgb(153,72,248)
```
#f848a7
```
#f848a7 rgb(248,72,167)
```

Tetradic Color

#09eb71
```
#09eb71 rgb(9,235,113)
```
#17f67e
```
#17f67e rgb(23,246,126)
```
#2ff78b
```
#2ff78b rgb(47,247,139)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#61f9a7
```
#61f9a7 rgb(97,249,167)
```
#79fab4
```
#79fab4 rgb(121,250,180)
```
#92fbc2
```
#92fbc2 rgb(146,251,194)
```

Monochromatic Color

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

#48f86d
```
#48f86d rgb(72,248,109)
```
#48f87c
```
#48f87c rgb(72,248,124)
```
#48f88a
```
#48f88a rgb(72,248,138)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#48f8a8
```
#48f8a8 rgb(72,248,168)
```
#48f8b6
```
#48f8b6 rgb(72,248,182)
```
#48f8c5
```
#48f8c5 rgb(72,248,197)
```

Similar Colors

Text with hexadecimal color #48f899

This text has a font color of #48f899.

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

#48f899 background color

This paragraph has a background color of #48f899.

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

#48f899 border color

This element has a border color of #48f899.

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

CSS codes

.text {color:#48f899;}

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

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

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

#000603
```
#000603 rgb(0,6,3)
```
#01190c
```
#01190c rgb(1,25,12)
```
#022c15
```
#022c15 rgb(2,44,21)
```
#023f1e
```
#023f1e rgb(2,63,30)
```
#035127
```
#035127 rgb(3,81,39)
```
#046430
```
#046430 rgb(4,100,48)
```
#057739
```
#057739 rgb(5,119,57)
```
#058a42
```
#058a42 rgb(5,138,66)
```
#069d4c
```
#069d4c rgb(6,157,76)
```
#07b055
```
#07b055 rgb(7,176,85)
```
#07c35e
```
#07c35e rgb(7,195,94)
```
#08d667
```
#08d667 rgb(8,214,103)
```
#09e970
```
#09e970 rgb(9,233,112)
```

Shade Color Variation

#0ff679
```
#0ff679 rgb(15,246,121)
```
#22f784
```
#22f784 rgb(34,247,132)
```
#35f78e
```
#35f78e rgb(53,247,142)
```
#48f899
```
#48f899 rgb(72,248,153)
```
#5bf9a4
```
#5bf9a4 rgb(91,249,164)
```
#6ef9ae
```
#6ef9ae rgb(110,249,174)
```
#81fab9
```
#81fab9 rgb(129,250,185)
```
#94fbc3
```
#94fbc3 rgb(148,251,195)
```
#a6fcce
```
#a6fcce rgb(166,252,206)
```
#b9fcd8
```
#b9fcd8 rgb(185,252,216)
```
#ccfde3
```
#ccfde3 rgb(204,253,227)
```
#dffeed
```
#dffeed rgb(223,254,237)
```
#f2fff8
```
#f2fff8 rgb(242,255,248)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#98a89f
```
#98a89f rgb(152,168,159)
```
#91af9f
```
#91af9f rgb(145,175,159)
```
#8ab69e
```
#8ab69e rgb(138,182,158)
```
#82be9e
```
#82be9e rgb(130,190,158)
```
#7bc59d
```
#7bc59d rgb(123,197,157)
```
#74cc9c
```
#74cc9c rgb(116,204,156)
```
#6dd39c
```
#6dd39c rgb(109,211,156)
```
#65db9b
```
#65db9b rgb(101,219,155)
```
#5ee29b
```
#5ee29b rgb(94,226,155)
```
#57e99a
```
#57e99a rgb(87,233,154)
```
#4ff19a
```
#4ff19a rgb(79,241,154)
```
#48f899
```
#48f899 rgb(72,248,153)
```

Tone Color Variation

Below, you can see how #48f899 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
#a2c6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdc93 Protanopia 1% of men
#ffd5b0 Deuteranopia 1% of men
#7decfd Tritanopia 0.001% of the population

Trichromacy

#b2e695 Protanomaly 1% of men, 0.01% of women
#bce1a7 Deuteranomaly 6% of men, 0.4% of women
#6af0d9 Tritanomaly 0.01% of the population

#48f899 hex color

#48f899 Color Information

#48f899 Color Conversion

Color Schemes with #48f899

Alternatives to #48f899

#48f899 Preview

Shades and Tints of #48f899

Tones of #48f899

Color Blindness Simulator