colorhexa.com

#48f18a hex color

In a RGB color space, hex #48f18a is composed of 28.2% red, 94.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 42.7% yellow and 5.5% black. It has a hue angle of 143.4 degrees, a saturation of 85.8% and a lightness of 61.4%. #48f18a color hex could be obtained by blending #90ffff with #00e315. Closest websafe color is: #33ff99.

- R 28
- G 95
- B 54
RGB color chart
- C 70
- M 0
- Y 43
- K 5
CMYK color chart

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

The hexadecimal color #48f18a has RGB values of R:72, G:241, B:138 and CMYK values of C:0.7, M:0, Y:0.43, K:0.05. Its decimal value is 4780426.

Hex triplet	48f18a	`#48f18a`
RGB Decimal	72, 241, 138	`rgb(72,241,138)`
RGB Percent	28.2, 94.5, 54.1	`rgb(28.2%,94.5%,54.1%)`
CMYK	70, 0, 43, 5
HSL	143.4°, 85.8, 61.4	`hsl(143.4,85.8%,61.4%)`
HSV (or HSB)	143.4°, 70.1, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.057, -64.961, 37.54
XYZ	38.713, 66.12, 34.765
xyY	0.277, 0.474, 66.12
CIE-LCH	85.057, 75.028, 149.977
CIE-LUV	85.057, -67.875, 61.978
Hunter-Lab	81.314, -57.318, 31.571
Binary	01001000, 11110001, 10001010

#48f18a
```
#48f18a rgb(72,241,138)
```
#f148af
```
#f148af rgb(241,72,175)
```

Complementary Color

#5bf148
```
#5bf148 rgb(91,241,72)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#48f1df
```
#48f1df rgb(72,241,223)
```

Analogous Color

#f1485b
```
#f1485b rgb(241,72,91)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#df48f1
```
#df48f1 rgb(223,72,241)
```

Split Complementary Color

#f18a48
```
#f18a48 rgb(241,138,72)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#8a48f1
```
#8a48f1 rgb(138,72,241)
```

Triadic Color

#aff148
```
#aff148 rgb(175,241,72)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#8a48f1
```
#8a48f1 rgb(138,72,241)
```
#f148af
```
#f148af rgb(241,72,175)
```

Tetradic Color

#11dc60
```
#11dc60 rgb(17,220,96)
```
#19ed6c
```
#19ed6c rgb(25,237,108)
```
#30ef7b
```
#30ef7b rgb(48,239,123)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#60f399
```
#60f399 rgb(96,243,153)
```
#77f5a8
```
#77f5a8 rgb(119,245,168)
```
#8ff6b7
```
#8ff6b7 rgb(143,246,183)
```

Monochromatic Color

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

#48f160
```
#48f160 rgb(72,241,96)
```
#48f16e
```
#48f16e rgb(72,241,110)
```
#48f17c
```
#48f17c rgb(72,241,124)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#48f198
```
#48f198 rgb(72,241,152)
```
#48f1a6
```
#48f1a6 rgb(72,241,166)
```
#48f1b4
```
#48f1b4 rgb(72,241,180)
```

Similar Colors

Text with hexadecimal color #48f18a

This text has a font color of #48f18a.

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

#48f18a background color

This paragraph has a background color of #48f18a.

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

#48f18a border color

This element has a border color of #48f18a.

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

CSS codes

.text {color:#48f18a;}

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

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

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

#011108
```
#011108 rgb(1,17,8)
```
#032410
```
#032410 rgb(3,36,16)
```
#043618
```
#043618 rgb(4,54,24)
```
#064820
```
#064820 rgb(6,72,32)
```
#075a27
```
#075a27 rgb(7,90,39)
```
#086d2f
```
#086d2f rgb(8,109,47)
```
#0a7f37
```
#0a7f37 rgb(10,127,55)
```
#0b913f
```
#0b913f rgb(11,145,63)
```
#0ca347
```
#0ca347 rgb(12,163,71)
```
#0eb54f
```
#0eb54f rgb(14,181,79)
```
#0fc857
```
#0fc857 rgb(15,200,87)
```
#11da5f
```
#11da5f rgb(17,218,95)
```
#12ec67
```
#12ec67 rgb(18,236,103)
```

Shade Color Variation

#24ee73
```
#24ee73 rgb(36,238,115)
```
#36f07e
```
#36f07e rgb(54,240,126)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#5af296
```
#5af296 rgb(90,242,150)
```
#6cf4a1
```
#6cf4a1 rgb(108,244,161)
```
#7ff5ad
```
#7ff5ad rgb(127,245,173)
```
#91f7b9
```
#91f7b9 rgb(145,247,185)
```
#a3f8c4
```
#a3f8c4 rgb(163,248,196)
```
#b5f9d0
```
#b5f9d0 rgb(181,249,208)
```
#c8fbdc
```
#c8fbdc rgb(200,251,220)
```
#dafce7
```
#dafce7 rgb(218,252,231)
```
#ecfef3
```
#ecfef3 rgb(236,254,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#9b9e9c
```
#9b9e9c rgb(155,158,156)
```
#94a59b
```
#94a59b rgb(148,165,155)
```
#8cad99
```
#8cad99 rgb(140,173,153)
```
#85b497
```
#85b497 rgb(133,180,151)
```
#7dbc96
```
#7dbc96 rgb(125,188,150)
```
#75c494
```
#75c494 rgb(117,196,148)
```
#6ecb92
```
#6ecb92 rgb(110,203,146)
```
#66d391
```
#66d391 rgb(102,211,145)
```
#5fda8f
```
#5fda8f rgb(95,218,143)
```
#57e28d
```
#57e28d rgb(87,226,141)
```
#50e98c
```
#50e98c rgb(80,233,140)
```
#48f18a
```
#48f18a rgb(72,241,138)
```
#40f988
```
#40f988 rgb(64,249,136)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ebfab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d686 Protanopia 1% of men
#fdce9c Deuteranopia 1% of men
#7de5f6 Tritanopia 0.001% of the population

Trichromacy

#afe087 Protanomaly 1% of men, 0.01% of women
#bbda95 Deuteranomaly 6% of men, 0.4% of women
#69e9ce Tritanomaly 0.01% of the population