#48f5b2 hex color

In a RGB color space, hex #48f5b2 is composed of 28.2% red, 96.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 27.3% yellow and 3.9% black. It has a hue angle of 156.8 degrees, a saturation of 89.6% and a lightness of 62.2%. #48f5b2 color hex could be obtained by blending #90ffff with #00eb65. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #48f5b2 has RGB values of R:72, G:245, B:178 and CMYK values of C:0.71, M:0, Y:0.27, K:0.04. Its decimal value is 4781490.

Hex triplet	48f5b2	`#48f5b2`
RGB Decimal	72, 245, 178	`rgb(72,245,178)`
RGB Percent	28.2, 96.1, 69.8	`rgb(28.2%,96.1%,69.8%)`
CMYK	71, 0, 27, 4
HSL	156.8°, 89.6, 62.2	`hsl(156.8,89.6%,62.2%)`
HSV (or HSB)	156.8°, 70.6, 96.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.944, -58.828, 19.845
XYZ	43.357, 69.893, 53.323
xyY	0.26, 0.42, 69.893
CIE-LCH	86.944, 62.085, 161.359
CIE-LUV	86.944, -67.01, 38.657
Hunter-Lab	83.602, -53.73, 20.705
Binary	01001000, 11110101, 10110010

#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#f5488b
```
#f5488b rgb(245,72,139)
```

Complementary Color

#48f55c
```
#48f55c rgb(72,245,92)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#48e2f5
```
#48e2f5 rgb(72,226,245)
```

Analogous Color

#f55c48
```
#f55c48 rgb(245,92,72)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#f548e2
```
#f548e2 rgb(245,72,226)
```

Split Complementary Color

#f5b248
```
#f5b248 rgb(245,178,72)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#b248f5
```
#b248f5 rgb(178,72,245)
```

Triadic Color

#8bf548
```
#8bf548 rgb(139,245,72)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#b248f5
```
#b248f5 rgb(178,72,245)
```
#f5488b
```
#f5488b rgb(245,72,139)
```

Tetradic Color

#0ce491
```
#0ce491 rgb(12,228,145)
```
#18f29e
```
#18f29e rgb(24,242,158)
```
#30f4a8
```
#30f4a8 rgb(48,244,168)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#60f6bc
```
#60f6bc rgb(96,246,188)
```
#78f8c6
```
#78f8c6 rgb(120,248,198)
```
#91f9d1
```
#91f9d1 rgb(145,249,209)
```

Monochromatic Color

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

#48f587
```
#48f587 rgb(72,245,135)
```
#48f595
```
#48f595 rgb(72,245,149)
```
#48f5a4
```
#48f5a4 rgb(72,245,164)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#48f5c0
```
#48f5c0 rgb(72,245,192)
```
#48f5cf
```
#48f5cf rgb(72,245,207)
```
#48f5dd
```
#48f5dd rgb(72,245,221)
```

Similar Colors

Text with hexadecimal color #48f5b2

This text has a font color of #48f5b2.

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

#48f5b2 background color

This paragraph has a background color of #48f5b2.

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

#48f5b2 border color

This element has a border color of #48f5b2.

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

CSS codes

.text {color:#48f5b2;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#01160e
```
#01160e rgb(1,22,14)
```
#022819
```
#022819 rgb(2,40,25)
```
#033b25
```
#033b25 rgb(3,59,37)
```
#044d31
```
#044d31 rgb(4,77,49)
```
#05603d
```
#05603d rgb(5,96,61)
```
#067349
```
#067349 rgb(6,115,73)
```
#078554
```
#078554 rgb(7,133,84)
```
#089860
```
#089860 rgb(8,152,96)
```
#09aa6c
```
#09aa6c rgb(9,170,108)
```
#0abd78
```
#0abd78 rgb(10,189,120)
```
#0bd084
```
#0bd084 rgb(11,208,132)
```
#0ce28f
```
#0ce28f rgb(12,226,143)
```

Shade Color Variation

#10f29b
```
#10f29b rgb(16,242,155)
```
#23f3a2
```
#23f3a2 rgb(35,243,162)
```
#35f4aa
```
#35f4aa rgb(53,244,170)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#5bf6ba
```
#5bf6ba rgb(91,246,186)
```
#6df7c2
```
#6df7c2 rgb(109,247,194)
```
#80f8c9
```
#80f8c9 rgb(128,248,201)
```
#92f9d1
```
#92f9d1 rgb(146,249,209)
```
#a5fad9
```
#a5fad9 rgb(165,250,217)
```
#b8fbe1
```
#b8fbe1 rgb(184,251,225)
```
#cafce9
```
#cafce9 rgb(202,252,233)
```
#ddfdf1
```
#ddfdf1 rgb(221,253,241)
```
#effef8
```
#effef8 rgb(239,254,248)
```

Tint Color Variation

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

#9aa3a0
```
#9aa3a0 rgb(154,163,160)
```
#92aba1
```
#92aba1 rgb(146,171,161)
```
#8bb2a3
```
#8bb2a3 rgb(139,178,163)
```
#83baa5
```
#83baa5 rgb(131,186,165)
```
#7cc1a6
```
#7cc1a6 rgb(124,193,166)
```
#75c8a8
```
#75c8a8 rgb(117,200,168)
```
#6dd0aa
```
#6dd0aa rgb(109,208,170)
```
#66d7ab
```
#66d7ab rgb(102,215,171)
```
#5edfad
```
#5edfad rgb(94,223,173)
```
#57e6af
```
#57e6af rgb(87,230,175)
```
#4feeb0
```
#4feeb0 rgb(79,238,176)
```
#48f5b2
```
#48f5b2 rgb(72,245,178)
```
#41fcb4
```
#41fcb4 rgb(65,252,180)
```

Tone Color Variation

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

#eadbaa Protanopia 1% of men
#f9d4c1 Deuteranopia 1% of men
#76ecfd Tritanopia 0.001% of the population

Trichromacy

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

#48f5b2 hex color

#48f5b2 Color Information

#48f5b2 Color Conversion

Color Schemes with #48f5b2

Alternatives to #48f5b2

#48f5b2 Preview

Shades and Tints of #48f5b2

Tones of #48f5b2

Color Blindness Simulator