#48f296 hex color

In a RGB color space, hex #48f296 is composed of 28.2% red, 94.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 38% yellow and 5.1% black. It has a hue angle of 147.5 degrees, a saturation of 86.7% and a lightness of 61.6%. #48f296 color hex could be obtained by blending #90ffff with #00e52d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 28
- G 95
- B 59
RGB color chart
- C 70
- M 0
- Y 38
- K 5
CMYK color chart

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

The hexadecimal color #48f296 has RGB values of R:72, G:242, B:150 and CMYK values of C:0.7, M:0, Y:0.38, K:0.05. Its decimal value is 4780694.

Hex triplet	48f296	`#48f296`
RGB Decimal	72, 242, 150	`rgb(72,242,150)`
RGB Percent	28.2, 94.9, 58.8	`rgb(28.2%,94.9%,58.8%)`
CMYK	70, 0, 38, 5
HSL	147.5°, 86.7, 61.6	`hsl(147.5,86.7%,61.6%)`
HSV (or HSB)	147.5°, 70.2, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.544, -63.226, 32.201
XYZ	39.927, 67.08, 39.696
xyY	0.272, 0.457, 67.08
CIE-LCH	85.544, 70.953, 153.01
CIE-LUV	85.544, -67.589, 55.362
Hunter-Lab	81.902, -56.312, 28.595
Binary	01001000, 11110010, 10010110

#48f296
```
#48f296 rgb(72,242,150)
```
#f248a4
```
#f248a4 rgb(242,72,164)
```

Complementary Color

#4ff248
```
#4ff248 rgb(79,242,72)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#48f2eb
```
#48f2eb rgb(72,242,235)
```

Analogous Color

#f2484f
```
#f2484f rgb(242,72,79)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#eb48f2
```
#eb48f2 rgb(235,72,242)
```

Split Complementary Color

#f29648
```
#f29648 rgb(242,150,72)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#9648f2
```
#9648f2 rgb(150,72,242)
```

Triadic Color

#a4f248
```
#a4f248 rgb(164,242,72)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#9648f2
```
#9648f2 rgb(150,72,242)
```
#f248a4
```
#f248a4 rgb(242,72,164)
```

Tetradic Color

#10de6e
```
#10de6e rgb(16,222,110)
```
#18ef7b
```
#18ef7b rgb(24,239,123)
```
#30f088
```
#30f088 rgb(48,240,136)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#60f4a4
```
#60f4a4 rgb(96,244,164)
```
#78f5b1
```
#78f5b1 rgb(120,245,177)
```
#8ff7bf
```
#8ff7bf rgb(143,247,191)
```

Monochromatic Color

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

#48f26c
```
#48f26c rgb(72,242,108)
```
#48f27a
```
#48f27a rgb(72,242,122)
```
#48f288
```
#48f288 rgb(72,242,136)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#48f2a4
```
#48f2a4 rgb(72,242,164)
```
#48f2b2
```
#48f2b2 rgb(72,242,178)
```
#48f2c1
```
#48f2c1 rgb(72,242,193)
```

Similar Colors

Text with hexadecimal color #48f296

This text has a font color of #48f296.

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

#48f296 background color

This paragraph has a background color of #48f296.

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

#48f296 border color

This element has a border color of #48f296.

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

CSS codes

.text {color:#48f296;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011209
```
#011209 rgb(1,18,9)
```
#032512
```
#032512 rgb(3,37,18)
```
#04371b
```
#04371b rgb(4,55,27)
```
#054925
```
#054925 rgb(5,73,37)
```
#075c2e
```
#075c2e rgb(7,92,46)
```
#086e37
```
#086e37 rgb(8,110,55)
```
#098040
```
#098040 rgb(9,128,64)
```
#0a9349
```
#0a9349 rgb(10,147,73)
```
#0ca552
```
#0ca552 rgb(12,165,82)
```
#0db75b
```
#0db75b rgb(13,183,91)
```
#0eca64
```
#0eca64 rgb(14,202,100)
```
#10dc6d
```
#10dc6d rgb(16,220,109)
```

Shade Color Variation

#11ee76
```
#11ee76 rgb(17,238,118)
```
#23ef81
```
#23ef81 rgb(35,239,129)
```
#36f18b
```
#36f18b rgb(54,241,139)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#5af3a1
```
#5af3a1 rgb(90,243,161)
```
#6df5ab
```
#6df5ab rgb(109,245,171)
```
#7ff6b6
```
#7ff6b6 rgb(127,246,182)
```
#91f7c0
```
#91f7c0 rgb(145,247,192)
```
#a4f9cb
```
#a4f9cb rgb(164,249,203)
```
#b6fad5
```
#b6fad5 rgb(182,250,213)
```
#c8fbe0
```
#c8fbe0 rgb(200,251,224)
```
#dbfcea
```
#dbfcea rgb(219,252,234)
```
#edfef5
```
#edfef5 rgb(237,254,245)
```

Tint Color Variation

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

#9b9f9d
```
#9b9f9d rgb(155,159,157)
```
#93a79c
```
#93a79c rgb(147,167,156)
```
#8cae9c
```
#8cae9c rgb(140,174,156)
```
#84b69b
```
#84b69b rgb(132,182,155)
```
#7dbd9a
```
#7dbd9a rgb(125,189,154)
```
#75c59a
```
#75c59a rgb(117,197,154)
```
#6ecc99
```
#6ecc99 rgb(110,204,153)
```
#66d498
```
#66d498 rgb(102,212,152)
```
#5fdb98
```
#5fdb98 rgb(95,219,152)
```
#57e397
```
#57e397 rgb(87,227,151)
```
#50ea97
```
#50ea97 rgb(80,234,151)
```
#48f296
```
#48f296 rgb(72,242,150)
```
#40fa95
```
#40fa95 rgb(64,250,149)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fc1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d791 Protanopia 1% of men
#fccfa7 Deuteranopia 1% of men
#7be7f8 Tritanopia 0.001% of the population

Trichromacy

#afe192 Protanomaly 1% of men, 0.01% of women
#badca1 Deuteranomaly 6% of men, 0.4% of women
#68ebd4 Tritanomaly 0.01% of the population

#48f296 hex color

#48f296 Color Information

#48f296 Color Conversion

Color Schemes with #48f296

Alternatives to #48f296

#48f296 Preview

Shades and Tints of #48f296

Tones of #48f296

Color Blindness Simulator