#48f898 hex color

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

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

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

The hexadecimal color #48f898 has RGB values of R:72, G:248, B:152 and CMYK values of C:0.71, M:0, Y:0.39, K:0.03. Its decimal value is 4782232.

Hex triplet	48f898	`#48f898`
RGB Decimal	72, 248, 152	`rgb(72,248,152)`
RGB Percent	28.2, 97.3, 59.6	`rgb(28.2%,97.3%,59.6%)`
CMYK	71, 0, 39, 3
HSL	147.3°, 92.6, 62.7	`hsl(147.3,92.6%,62.7%)`
HSV (or HSB)	147.3°, 71, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.376, -65.036, 33.627
XYZ	41.904, 70.775, 41.157
xyY	0.272, 0.46, 70.775
CIE-LCH	87.376, 73.216, 152.659
CIE-LUV	87.376, -69.553, 57.699
Hunter-Lab	84.128, -58.313, 29.884
Binary	01001000, 11111000, 10011000

#48f898
```
#48f898 rgb(72,248,152)
```
#f848a8
```
#f848a8 rgb(248,72,168)
```

Complementary Color

#50f848
```
#50f848 rgb(80,248,72)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#48f8f0
```
#48f8f0 rgb(72,248,240)
```

Analogous Color

#f84850
```
#f84850 rgb(248,72,80)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#f048f8
```
#f048f8 rgb(240,72,248)
```

Split Complementary Color

#f89848
```
#f89848 rgb(248,152,72)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#9848f8
```
#9848f8 rgb(152,72,248)
```

Triadic Color

#a8f848
```
#a8f848 rgb(168,248,72)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#9848f8
```
#9848f8 rgb(152,72,248)
```
#f848a8
```
#f848a8 rgb(248,72,168)
```

Tetradic Color

#09eb6f
```
#09eb6f rgb(9,235,111)
```
#17f67c
```
#17f67c rgb(23,246,124)
```
#2ff78a
```
#2ff78a rgb(47,247,138)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#61f9a6
```
#61f9a6 rgb(97,249,166)
```
#79fab4
```
#79fab4 rgb(121,250,180)
```
#92fbc1
```
#92fbc1 rgb(146,251,193)
```

Monochromatic Color

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

#48f86c
```
#48f86c rgb(72,248,108)
```
#48f87b
```
#48f87b rgb(72,248,123)
```
#48f889
```
#48f889 rgb(72,248,137)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#48f8a7
```
#48f8a7 rgb(72,248,167)
```
#48f8b5
```
#48f8b5 rgb(72,248,181)
```
#48f8c4
```
#48f8c4 rgb(72,248,196)
```

Similar Colors

Text with hexadecimal color #48f898

This text has a font color of #48f898.

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

#48f898 background color

This paragraph has a background color of #48f898.

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

#48f898 border color

This element has a border color of #48f898.

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

CSS codes

.text {color:#48f898;}

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

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

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)
```
#069d4b
```
#069d4b rgb(6,157,75)
```
#07b054
```
#07b054 rgb(7,176,84)
```
#07c35d
```
#07c35d rgb(7,195,93)
```
#08d666
```
#08d666 rgb(8,214,102)
```
#09e96f
```
#09e96f rgb(9,233,111)
```

Shade Color Variation

#0ff678
```
#0ff678 rgb(15,246,120)
```
#22f783
```
#22f783 rgb(34,247,131)
```
#35f78d
```
#35f78d rgb(53,247,141)
```
#48f898
```
#48f898 rgb(72,248,152)
```
#5bf9a3
```
#5bf9a3 rgb(91,249,163)
```
#6ef9ad
```
#6ef9ad rgb(110,249,173)
```
#81fab8
```
#81fab8 rgb(129,250,184)
```
#94fbc3
```
#94fbc3 rgb(148,251,195)
```
#a6fccd
```
#a6fccd rgb(166,252,205)
```
#b9fcd8
```
#b9fcd8 rgb(185,252,216)
```
#ccfde2
```
#ccfde2 rgb(204,253,226)
```
#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 #48f898 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)
```
#82be9d
```
#82be9d rgb(130,190,157)
```
#7bc59d
```
#7bc59d rgb(123,197,157)
```
#74cc9c
```
#74cc9c rgb(116,204,156)
```
#6dd39b
```
#6dd39b rgb(109,211,155)
```
#65db9b
```
#65db9b rgb(101,219,155)
```
#5ee29a
```
#5ee29a rgb(94,226,154)
```
#57e999
```
#57e999 rgb(87,233,153)
```
#4ff199
```
#4ff199 rgb(79,241,153)
```
#48f898
```
#48f898 rgb(72,248,152)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a2c5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdc92 Protanopia 1% of men
#ffd5af Deuteranopia 1% of men
#7decfd Tritanopia 0.001% of the population

Trichromacy

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

#48f898 hex color

#48f898 Color Information

#48f898 Color Conversion

Color Schemes with #48f898

Alternatives to #48f898

#48f898 Preview

Shades and Tints of #48f898

Tones of #48f898

Color Blindness Simulator