#48f6b2 hex color

In a RGB color space, hex #48f6b2 is composed of 28.2% red, 96.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 0% magenta, 27.6% yellow and 3.5% black. It has a hue angle of 156.6 degrees, a saturation of 90.6% and a lightness of 62.4%. #48f6b2 color hex could be obtained by blending #90ffff with #00ed65. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #48f6b2 has RGB values of R:72, G:246, B:178 and CMYK values of C:0.71, M:0, Y:0.28, K:0.04. Its decimal value is 4781746.

Hex triplet	48f6b2	`#48f6b2`
RGB Decimal	72, 246, 178	`rgb(72,246,178)`
RGB Percent	28.2, 96.5, 69.8	`rgb(28.2%,96.5%,69.8%)`
CMYK	71, 0, 28, 4
HSL	156.6°, 90.6, 62.4	`hsl(156.6,90.6%,62.4%)`
HSV (or HSB)	156.6°, 70.7, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.241, -59.212, 20.257
XYZ	43.661, 70.499, 53.424
xyY	0.261, 0.421, 70.499
CIE-LCH	87.241, 62.582, 161.113
CIE-LUV	87.241, -67.357, 39.312
Hunter-Lab	83.964, -54.118, 21.05
Binary	01001000, 11110110, 10110010

#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#f6488c
```
#f6488c rgb(246,72,140)
```

Complementary Color

#48f65b
```
#48f65b rgb(72,246,91)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#48e3f6
```
#48e3f6 rgb(72,227,246)
```

Analogous Color

#f65b48
```
#f65b48 rgb(246,91,72)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#f648e3
```
#f648e3 rgb(246,72,227)
```

Split Complementary Color

#f6b248
```
#f6b248 rgb(246,178,72)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#b248f6
```
#b248f6 rgb(178,72,246)
```

Triadic Color

#8cf648
```
#8cf648 rgb(140,246,72)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#b248f6
```
#b248f6 rgb(178,72,246)
```
#f6488c
```
#f6488c rgb(246,72,140)
```

Tetradic Color

#0be691
```
#0be691 rgb(11,230,145)
```
#17f49e
```
#17f49e rgb(23,244,158)
```
#30f5a8
```
#30f5a8 rgb(48,245,168)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#60f7bc
```
#60f7bc rgb(96,247,188)
```
#79f8c6
```
#79f8c6 rgb(121,248,198)
```
#91fad1
```
#91fad1 rgb(145,250,209)
```

Monochromatic Color

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

#48f687
```
#48f687 rgb(72,246,135)
```
#48f695
```
#48f695 rgb(72,246,149)
```
#48f6a4
```
#48f6a4 rgb(72,246,164)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#48f6c1
```
#48f6c1 rgb(72,246,193)
```
#48f6cf
```
#48f6cf rgb(72,246,207)
```
#48f6de
```
#48f6de rgb(72,246,222)
```

Similar Colors

Text with hexadecimal color #48f6b2

This text has a font color of #48f6b2.

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

#48f6b2 background color

This paragraph has a background color of #48f6b2.

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

#48f6b2 border color

This element has a border color of #48f6b2.

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

CSS codes

.text {color:#48f6b2;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#01170e
```
#01170e rgb(1,23,14)
```
#02291a
```
#02291a rgb(2,41,26)
```
#033c26
```
#033c26 rgb(3,60,38)
```
#044f31
```
#044f31 rgb(4,79,49)
```
#05613d
```
#05613d rgb(5,97,61)
```
#067449
```
#067449 rgb(6,116,73)
```
#078755
```
#078755 rgb(7,135,85)
```
#089a60
```
#089a60 rgb(8,154,96)
```
#08ac6c
```
#08ac6c rgb(8,172,108)
```
#09bf78
```
#09bf78 rgb(9,191,120)
```
#0ad284
```
#0ad284 rgb(10,210,132)
```
#0be48f
```
#0be48f rgb(11,228,143)
```

Shade Color Variation

#10f39a
```
#10f39a rgb(16,243,154)
```
#23f4a2
```
#23f4a2 rgb(35,244,162)
```
#35f5aa
```
#35f5aa rgb(53,245,170)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#5bf7ba
```
#5bf7ba rgb(91,247,186)
```
#6df8c2
```
#6df8c2 rgb(109,248,194)
```
#80f9ca
```
#80f9ca rgb(128,249,202)
```
#93fad1
```
#93fad1 rgb(147,250,209)
```
#a5fbd9
```
#a5fbd9 rgb(165,251,217)
```
#b8fce1
```
#b8fce1 rgb(184,252,225)
```
#cbfce9
```
#cbfce9 rgb(203,252,233)
```
#defdf1
```
#defdf1 rgb(222,253,241)
```
#f0fef9
```
#f0fef9 rgb(240,254,249)
```

Tint Color Variation

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

#99a5a0
```
#99a5a0 rgb(153,165,160)
```
#92aca2
```
#92aca2 rgb(146,172,162)
```
#8ab4a3
```
#8ab4a3 rgb(138,180,163)
```
#83bba5
```
#83bba5 rgb(131,187,165)
```
#7cc2a7
```
#7cc2a7 rgb(124,194,167)
```
#74caa8
```
#74caa8 rgb(116,202,168)
```
#6dd1aa
```
#6dd1aa rgb(109,209,170)
```
#66d8ac
```
#66d8ac rgb(102,216,172)
```
#5ee0ad
```
#5ee0ad rgb(94,224,173)
```
#57e7af
```
#57e7af rgb(87,231,175)
```
#4fefb0
```
#4fefb0 rgb(79,239,176)
```
#48f6b2
```
#48f6b2 rgb(72,246,178)
```
#41fdb4
```
#41fdb4 rgb(65,253,180)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a3c6b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdcaa Protanopia 1% of men
#fad4c1 Deuteranopia 1% of men
#77ecfe Tritanopia 0.001% of the population

Trichromacy

#afe5ad Protanomaly 1% of men, 0.01% of women
#b9e0bb Deuteranomaly 6% of men, 0.4% of women
#65f0e2 Tritanomaly 0.01% of the population

#48f6b2 hex color

#48f6b2 Color Information

#48f6b2 Color Conversion

Color Schemes with #48f6b2

Alternatives to #48f6b2

#48f6b2 Preview

Shades and Tints of #48f6b2

Tones of #48f6b2

Color Blindness Simulator