#48f498 hex color

In a RGB color space, hex #48f498 is composed of 28.2% red, 95.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 37.7% yellow and 4.3% black. It has a hue angle of 147.9 degrees, a saturation of 88.7% and a lightness of 62%. #48f498 color hex could be obtained by blending #90ffff with #00e931. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 96
- B 60
RGB color chart
- C 70
- M 0
- Y 38
- K 4
CMYK color chart

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

The hexadecimal color #48f498 has RGB values of R:72, G:244, B:152 and CMYK values of C:0.7, M:0, Y:0.38, K:0.04. Its decimal value is 4781208.

Hex triplet	48f498	`#48f498`
RGB Decimal	72, 244, 152	`rgb(72,244,152)`
RGB Percent	28.2, 95.7, 59.6	`rgb(28.2%,95.7%,59.6%)`
CMYK	70, 0, 38, 4
HSL	147.9°, 88.7, 62	`hsl(147.9,88.7%,62%)`
HSV (or HSB)	147.9°, 70.5, 95.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.177, -63.589, 32.037
XYZ	40.688, 68.342, 40.751
xyY	0.272, 0.456, 68.342
CIE-LCH	86.177, 71.204, 153.261
CIE-LUV	86.177, -68.173, 55.315
Hunter-Lab	82.669, -56.818, 28.642
Binary	01001000, 11110100, 10011000

#48f498
```
#48f498 rgb(72,244,152)
```
#f448a4
```
#f448a4 rgb(244,72,164)
```

Complementary Color

#4ef448
```
#4ef448 rgb(78,244,72)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#48f4ee
```
#48f4ee rgb(72,244,238)
```

Analogous Color

#f4484e
```
#f4484e rgb(244,72,78)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#ee48f4
```
#ee48f4 rgb(238,72,244)
```

Split Complementary Color

#f49848
```
#f49848 rgb(244,152,72)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#9848f4
```
#9848f4 rgb(152,72,244)
```

Triadic Color

#a4f448
```
#a4f448 rgb(164,244,72)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#9848f4
```
#9848f4 rgb(152,72,244)
```
#f448a4
```
#f448a4 rgb(244,72,164)
```

Tetradic Color

#0ee270
```
#0ee270 rgb(14,226,112)
```
#18f17d
```
#18f17d rgb(24,241,125)
```
#30f38a
```
#30f38a rgb(48,243,138)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#60f5a6
```
#60f5a6 rgb(96,245,166)
```
#78f7b3
```
#78f7b3 rgb(120,247,179)
```
#90f8c1
```
#90f8c1 rgb(144,248,193)
```

Monochromatic Color

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

#48f46d
```
#48f46d rgb(72,244,109)
```
#48f47b
```
#48f47b rgb(72,244,123)
```
#48f48a
```
#48f48a rgb(72,244,138)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#48f4a6
```
#48f4a6 rgb(72,244,166)
```
#48f4b5
```
#48f4b5 rgb(72,244,181)
```
#48f4c3
```
#48f4c3 rgb(72,244,195)
```

Similar Colors

Text with hexadecimal color #48f498

This text has a font color of #48f498.

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

#48f498 background color

This paragraph has a background color of #48f498.

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

#48f498 border color

This element has a border color of #48f498.

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

CSS codes

.text {color:#48f498;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#01150a
```
#01150a rgb(1,21,10)
```
#022713
```
#022713 rgb(2,39,19)
```
#033a1d
```
#033a1d rgb(3,58,29)
```
#054c26
```
#054c26 rgb(5,76,38)
```
#065f2f
```
#065f2f rgb(6,95,47)
```
#077138
```
#077138 rgb(7,113,56)
```
#088441
```
#088441 rgb(8,132,65)
```
#09964b
```
#09964b rgb(9,150,75)
```
#0aa954
```
#0aa954 rgb(10,169,84)
```
#0bbb5d
```
#0bbb5d rgb(11,187,93)
```
#0cce66
```
#0cce66 rgb(12,206,102)
```
#0de06f
```
#0de06f rgb(13,224,111)
```

Shade Color Variation

#10f179
```
#10f179 rgb(16,241,121)
```
#23f283
```
#23f283 rgb(35,242,131)
```
#35f38e
```
#35f38e rgb(53,243,142)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#5bf5a2
```
#5bf5a2 rgb(91,245,162)
```
#6df6ad
```
#6df6ad rgb(109,246,173)
```
#80f7b7
```
#80f7b7 rgb(128,247,183)
```
#92f8c2
```
#92f8c2 rgb(146,248,194)
```
#a5facc
```
#a5facc rgb(165,250,204)
```
#b7fbd6
```
#b7fbd6 rgb(183,251,214)
```
#cafce1
```
#cafce1 rgb(202,252,225)
```
#dcfdeb
```
#dcfdeb rgb(220,253,235)
```
#effef6
```
#effef6 rgb(239,254,246)
```

Tint Color Variation

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

#9aa29e
```
#9aa29e rgb(154,162,158)
```
#93a99d
```
#93a99d rgb(147,169,157)
```
#8bb19d
```
#8bb19d rgb(139,177,157)
```
#84b89c
```
#84b89c rgb(132,184,156)
```
#7cc09c
```
#7cc09c rgb(124,192,156)
```
#75c79b
```
#75c79b rgb(117,199,155)
```
#6dcf9b
```
#6dcf9b rgb(109,207,155)
```
#66d69a
```
#66d69a rgb(102,214,154)
```
#5ede9a
```
#5ede9a rgb(94,222,154)
```
#57e599
```
#57e599 rgb(87,229,153)
```
#4fed99
```
#4fed99 rgb(79,237,153)
```
#48f498
```
#48f498 rgb(72,244,152)
```
#41fb97
```
#41fb97 rgb(65,251,151)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a0c2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd992 Protanopia 1% of men
#fed1a9 Deuteranopia 1% of men
#7ce9fa Tritanopia 0.001% of the population

Trichromacy

#b0e394 Protanomaly 1% of men, 0.01% of women
#bbdda3 Deuteranomaly 6% of men, 0.4% of women
#69edd6 Tritanomaly 0.01% of the population

#48f498 hex color

#48f498 Color Information

#48f498 Color Conversion

Color Schemes with #48f498

Alternatives to #48f498

#48f498 Preview

Shades and Tints of #48f498

Tones of #48f498

Color Blindness Simulator