#48f396 hex color

In a RGB color space, hex #48f396 is composed of 28.2% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 147.4 degrees, a saturation of 87.7% and a lightness of 61.8%. #48f396 color hex could be obtained by blending #90ffff with #00e72d. 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

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

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

Hex triplet	48f396	`#48f396`
RGB Decimal	72, 243, 150	`rgb(72,243,150)`
RGB Percent	28.2, 95.3, 58.8	`rgb(28.2%,95.3%,58.8%)`
CMYK	70, 0, 38, 5
HSL	147.4°, 87.7, 61.8	`hsl(147.4,87.7%,61.8%)`
HSV (or HSB)	147.4°, 70.4, 95.3
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.845, -63.589, 32.599
XYZ	40.225, 67.677, 39.796
xyY	0.272, 0.458, 67.677
CIE-LCH	85.845, 71.458, 152.858
CIE-LUV	85.845, -67.936, 55.959
Hunter-Lab	82.266, -56.685, 28.905
Binary	01001000, 11110011, 10010110

#48f396
```
#48f396 rgb(72,243,150)
```
#f348a5
```
#f348a5 rgb(243,72,165)
```

Complementary Color

#50f348
```
#50f348 rgb(80,243,72)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#48f3ec
```
#48f3ec rgb(72,243,236)
```

Analogous Color

#f34850
```
#f34850 rgb(243,72,80)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#ec48f3
```
#ec48f3 rgb(236,72,243)
```

Split Complementary Color

#f39648
```
#f39648 rgb(243,150,72)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#9648f3
```
#9648f3 rgb(150,72,243)
```

Triadic Color

#a5f348
```
#a5f348 rgb(165,243,72)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#9648f3
```
#9648f3 rgb(150,72,243)
```
#f348a5
```
#f348a5 rgb(243,72,165)
```

Tetradic Color

#0fe06e
```
#0fe06e rgb(15,224,110)
```
#18f07b
```
#18f07b rgb(24,240,123)
```
#30f188
```
#30f188 rgb(48,241,136)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#60f5a4
```
#60f5a4 rgb(96,245,164)
```
#78f6b1
```
#78f6b1 rgb(120,246,177)
```
#90f8bf
```
#90f8bf rgb(144,248,191)
```

Monochromatic Color

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

#48f36b
```
#48f36b rgb(72,243,107)
```
#48f37a
```
#48f37a rgb(72,243,122)
```
#48f388
```
#48f388 rgb(72,243,136)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#48f3a4
```
#48f3a4 rgb(72,243,164)
```
#48f3b3
```
#48f3b3 rgb(72,243,179)
```
#48f3c1
```
#48f3c1 rgb(72,243,193)
```

Similar Colors

Text with hexadecimal color #48f396

This text has a font color of #48f396.

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

#48f396 background color

This paragraph has a background color of #48f396.

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

#48f396 border color

This element has a border color of #48f396.

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

CSS codes

.text {color:#48f396;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#01130a
```
#01130a rgb(1,19,10)
```
#022613
```
#022613 rgb(2,38,19)
```
#04381c
```
#04381c rgb(4,56,28)
```
#054b25
```
#054b25 rgb(5,75,37)
```
#065d2e
```
#065d2e rgb(6,93,46)
```
#077037
```
#077037 rgb(7,112,55)
```
#098240
```
#098240 rgb(9,130,64)
```
#0a9449
```
#0a9449 rgb(10,148,73)
```
#0ba752
```
#0ba752 rgb(11,167,82)
```
#0cb95b
```
#0cb95b rgb(12,185,91)
```
#0dcc64
```
#0dcc64 rgb(13,204,100)
```
#0fde6d
```
#0fde6d rgb(15,222,109)
```

Shade Color Variation

#11ef76
```
#11ef76 rgb(17,239,118)
```
#23f181
```
#23f181 rgb(35,241,129)
```
#36f28b
```
#36f28b rgb(54,242,139)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#5af4a1
```
#5af4a1 rgb(90,244,161)
```
#6df5ab
```
#6df5ab rgb(109,245,171)
```
#7ff7b6
```
#7ff7b6 rgb(127,247,182)
```
#92f8c0
```
#92f8c0 rgb(146,248,192)
```
#a4f9cb
```
#a4f9cb rgb(164,249,203)
```
#b6fad5
```
#b6fad5 rgb(182,250,213)
```
#c9fbe0
```
#c9fbe0 rgb(201,251,224)
```
#dbfdea
```
#dbfdea rgb(219,253,234)
```
#eefef5
```
#eefef5 rgb(238,254,245)
```

Tint Color Variation

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

#9ba19d
```
#9ba19d rgb(155,161,157)
```
#93a89d
```
#93a89d rgb(147,168,157)
```
#8cb09c
```
#8cb09c rgb(140,176,156)
```
#84b79b
```
#84b79b rgb(132,183,155)
```
#7dbf9b
```
#7dbf9b rgb(125,191,155)
```
#75c69a
```
#75c69a rgb(117,198,154)
```
#6ece99
```
#6ece99 rgb(110,206,153)
```
#66d599
```
#66d599 rgb(102,213,153)
```
#5fdd98
```
#5fdd98 rgb(95,221,152)
```
#57e497
```
#57e497 rgb(87,228,151)
```
#50ec97
```
#50ec97 rgb(80,236,151)
```
#48f396
```
#48f396 rgb(72,243,150)
```
#41fb95
```
#41fb95 rgb(65,251,149)
```

Tone Color Variation

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

#ead891 Protanopia 1% of men
#fdd0a7 Deuteranopia 1% of men
#7ce8f9 Tritanopia 0.001% of the population

Trichromacy

#afe292 Protanomaly 1% of men, 0.01% of women
#bbdda1 Deuteranomaly 6% of men, 0.4% of women
#69ecd5 Tritanomaly 0.01% of the population

#48f396 hex color

#48f396 Color Information

#48f396 Color Conversion

Color Schemes with #48f396

Alternatives to #48f396

#48f396 Preview

Shades and Tints of #48f396

Tones of #48f396

Color Blindness Simulator