#48f886 hex color

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

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

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

The hexadecimal color #48f886 has RGB values of R:72, G:248, B:134 and CMYK values of C:0.71, M:0, Y:0.46, K:0.03. Its decimal value is 4782214.

Hex triplet	48f886	`#48f886`
RGB Decimal	72, 248, 134	`rgb(72,248,134)`
RGB Percent	28.2, 97.3, 52.5	`rgb(28.2%,97.3%,52.5%)`
CMYK	71, 0, 46, 3
HSL	141.1°, 92.6, 62.7	`hsl(141.1,92.6%,62.7%)`
HSV (or HSB)	141.1°, 71, 97.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.109, -68.063, 42.126
XYZ	40.54, 70.23, 33.972
xyY	0.28, 0.485, 70.23
CIE-LCH	87.109, 80.045, 148.246
CIE-LUV	87.109, -70.485, 68.162
Hunter-Lab	83.803, -60.305, 34.627
Binary	01001000, 11111000, 10000110

#48f886
```
#48f886 rgb(72,248,134)
```
#f848ba
```
#f848ba rgb(248,72,186)
```

Complementary Color

#62f848
```
#62f848 rgb(98,248,72)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#48f8de
```
#48f8de rgb(72,248,222)
```

Analogous Color

#f84862
```
#f84862 rgb(248,72,98)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#de48f8
```
#de48f8 rgb(222,72,248)
```

Split Complementary Color

#f88648
```
#f88648 rgb(248,134,72)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#8648f8
```
#8648f8 rgb(134,72,248)
```

Triadic Color

#baf848
```
#baf848 rgb(186,248,72)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#8648f8
```
#8648f8 rgb(134,72,248)
```
#f848ba
```
#f848ba rgb(248,72,186)
```

Tetradic Color

#09eb58
```
#09eb58 rgb(9,235,88)
```
#17f666
```
#17f666 rgb(23,246,102)
```
#2ff776
```
#2ff776 rgb(47,247,118)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#61f996
```
#61f996 rgb(97,249,150)
```
#79faa6
```
#79faa6 rgb(121,250,166)
```
#92fbb7
```
#92fbb7 rgb(146,251,183)
```

Monochromatic Color

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

#48f85a
```
#48f85a rgb(72,248,90)
```
#48f869
```
#48f869 rgb(72,248,105)
```
#48f877
```
#48f877 rgb(72,248,119)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#48f895
```
#48f895 rgb(72,248,149)
```
#48f8a3
```
#48f8a3 rgb(72,248,163)
```
#48f8b2
```
#48f8b2 rgb(72,248,178)
```

Similar Colors

Text with hexadecimal color #48f886

This text has a font color of #48f886.

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

#48f886 background color

This paragraph has a background color of #48f886.

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

#48f886 border color

This element has a border color of #48f886.

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

CSS codes

.text {color:#48f886;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#011909
```
#011909 rgb(1,25,9)
```
#022c10
```
#022c10 rgb(2,44,16)
```
#023f18
```
#023f18 rgb(2,63,24)
```
#03511f
```
#03511f rgb(3,81,31)
```
#046426
```
#046426 rgb(4,100,38)
```
#05772d
```
#05772d rgb(5,119,45)
```
#058a34
```
#058a34 rgb(5,138,52)
```
#069d3b
```
#069d3b rgb(6,157,59)
```
#07b042
```
#07b042 rgb(7,176,66)
```
#07c349
```
#07c349 rgb(7,195,73)
```
#08d651
```
#08d651 rgb(8,214,81)
```
#09e958
```
#09e958 rgb(9,233,88)
```

Shade Color Variation

#0ff661
```
#0ff661 rgb(15,246,97)
```
#22f76d
```
#22f76d rgb(34,247,109)
```
#35f77a
```
#35f77a rgb(53,247,122)
```
#48f886
```
#48f886 rgb(72,248,134)
```
#5bf992
```
#5bf992 rgb(91,249,146)
```
#6ef99f
```
#6ef99f rgb(110,249,159)
```
#81faab
```
#81faab rgb(129,250,171)
```
#94fbb8
```
#94fbb8 rgb(148,251,184)
```
#a6fcc4
```
#a6fcc4 rgb(166,252,196)
```
#b9fcd1
```
#b9fcd1 rgb(185,252,209)
```
#ccfddd
```
#ccfddd rgb(204,253,221)
```
#dffeea
```
#dffeea rgb(223,254,234)
```
#f2fff6
```
#f2fff6 rgb(242,255,246)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#98a89e
```
#98a89e rgb(152,168,158)
```
#91af9c
```
#91af9c rgb(145,175,156)
```
#8ab699
```
#8ab699 rgb(138,182,153)
```
#82be97
```
#82be97 rgb(130,190,151)
```
#7bc595
```
#7bc595 rgb(123,197,149)
```
#74cc93
```
#74cc93 rgb(116,204,147)
```
#6dd391
```
#6dd391 rgb(109,211,145)
```
#65db8f
```
#65db8f rgb(101,219,143)
```
#5ee28c
```
#5ee28c rgb(94,226,140)
```
#57e98a
```
#57e98a rgb(87,233,138)
```
#4ff188
```
#4ff188 rgb(79,241,136)
```
#48f886
```
#48f886 rgb(72,248,134)
```

Tone Color Variation

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

Dichromacy

#f0dc82 Protanopia 1% of men
#ffd4a7 Deuteranopia 1% of men
#80ebfc Tritanopia 0.001% of the population

Trichromacy

#b3e683 Protanomaly 1% of men, 0.01% of women
#bce19b Deuteranomaly 6% of men, 0.4% of women
#6cefd1 Tritanomaly 0.01% of the population

#48f886 hex color

#48f886 Color Information

#48f886 Color Conversion

Color Schemes with #48f886

Alternatives to #48f886

#48f886 Preview

Shades and Tints of #48f886

Tones of #48f886

Color Blindness Simulator