#48f8ba hex color

In a RGB color space, hex #48f8ba is composed of 28.2% red, 97.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 25% yellow and 2.7% black. It has a hue angle of 158.9 degrees, a saturation of 92.6% and a lightness of 62.7%. #48f8ba color hex could be obtained by blending #90ffff with #00f175. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 28
- G 97
- B 73
RGB color chart
- C 71
- M 0
- Y 25
- K 3
CMYK color chart

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

The hexadecimal color #48f8ba has RGB values of R:72, G:248, B:186 and CMYK values of C:0.71, M:0, Y:0.25, K:0.03. Its decimal value is 4782266.

Hex triplet	48f8ba	`#48f8ba`
RGB Decimal	72, 248, 186	`rgb(72,248,186)`
RGB Percent	28.2, 97.3, 72.9	`rgb(28.2%,97.3%,72.9%)`
CMYK	71, 0, 25, 3
HSL	158.9°, 92.6, 62.7	`hsl(158.9,92.6%,62.7%)`
HSV (or HSB)	158.9°, 71, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.994, -58.267, 17.191
XYZ	45.099, 72.053, 57.983
xyY	0.258, 0.411, 72.053
CIE-LCH	87.994, 60.75, 163.562
CIE-LUV	87.994, -67.557, 34.951
Hunter-Lab	84.884, -53.71, 18.919
Binary	01001000, 11111000, 10111010

#48f8ba
```
#48f8ba rgb(72,248,186)
```
#f84886
```
#f84886 rgb(248,72,134)
```

Complementary Color

#48f862
```
#48f862 rgb(72,248,98)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#48def8
```
#48def8 rgb(72,222,248)
```

Analogous Color

#f86248
```
#f86248 rgb(248,98,72)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#f848de
```
#f848de rgb(248,72,222)
```

Split Complementary Color

#f8ba48
```
#f8ba48 rgb(248,186,72)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#ba48f8
```
#ba48f8 rgb(186,72,248)
```

Triadic Color

#86f848
```
#86f848 rgb(134,248,72)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#ba48f8
```
#ba48f8 rgb(186,72,248)
```
#f84886
```
#f84886 rgb(248,72,134)
```

Tetradic Color

#09eb9b
```
#09eb9b rgb(9,235,155)
```
#17f6a7
```
#17f6a7 rgb(23,246,167)
```
#2ff7b1
```
#2ff7b1 rgb(47,247,177)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#61f9c3
```
#61f9c3 rgb(97,249,195)
```
#79facd
```
#79facd rgb(121,250,205)
```
#92fbd6
```
#92fbd6 rgb(146,251,214)
```

Monochromatic Color

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

#48f88e
```
#48f88e rgb(72,248,142)
```
#48f89d
```
#48f89d rgb(72,248,157)
```
#48f8ab
```
#48f8ab rgb(72,248,171)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#48f8c9
```
#48f8c9 rgb(72,248,201)
```
#48f8d7
```
#48f8d7 rgb(72,248,215)
```
#48f8e6
```
#48f8e6 rgb(72,248,230)
```

Similar Colors

Text with hexadecimal color #48f8ba

This text has a font color of #48f8ba.

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

#48f8ba background color

This paragraph has a background color of #48f8ba.

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

#48f8ba border color

This element has a border color of #48f8ba.

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

CSS codes

.text {color:#48f8ba;}

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

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

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

#000604
```
#000604 rgb(0,6,4)
```
#011910
```
#011910 rgb(1,25,16)
```
#022c1d
```
#022c1d rgb(2,44,29)
```
#023f29
```
#023f29 rgb(2,63,41)
```
#035136
```
#035136 rgb(3,81,54)
```
#046442
```
#046442 rgb(4,100,66)
```
#05774f
```
#05774f rgb(5,119,79)
```
#058a5b
```
#058a5b rgb(5,138,91)
```
#069d68
```
#069d68 rgb(6,157,104)
```
#07b074
```
#07b074 rgb(7,176,116)
```
#07c381
```
#07c381 rgb(7,195,129)
```
#08d68d
```
#08d68d rgb(8,214,141)
```
#09e99a
```
#09e99a rgb(9,233,154)
```

Shade Color Variation

#0ff6a5
```
#0ff6a5 rgb(15,246,165)
```
#22f7ac
```
#22f7ac rgb(34,247,172)
```
#35f7b3
```
#35f7b3 rgb(53,247,179)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```
#5bf9c1
```
#5bf9c1 rgb(91,249,193)
```
#6ef9c8
```
#6ef9c8 rgb(110,249,200)
```
#81facf
```
#81facf rgb(129,250,207)
```
#94fbd6
```
#94fbd6 rgb(148,251,214)
```
#a6fcde
```
#a6fcde rgb(166,252,222)
```
#b9fce5
```
#b9fce5 rgb(185,252,229)
```
#ccfdec
```
#ccfdec rgb(204,253,236)
```
#dffef3
```
#dffef3 rgb(223,254,243)
```
#f2fffa
```
#f2fffa rgb(242,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a0a0 is the less saturated color, while #48f8ba is the most saturated one.

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#98a8a2
```
#98a8a2 rgb(152,168,162)
```
#91afa4
```
#91afa4 rgb(145,175,164)
```
#8ab6a7
```
#8ab6a7 rgb(138,182,167)
```
#82bea9
```
#82bea9 rgb(130,190,169)
```
#7bc5ab
```
#7bc5ab rgb(123,197,171)
```
#74ccad
```
#74ccad rgb(116,204,173)
```
#6dd3af
```
#6dd3af rgb(109,211,175)
```
#65dbb1
```
#65dbb1 rgb(101,219,177)
```
#5ee2b4
```
#5ee2b4 rgb(94,226,180)
```
#57e9b6
```
#57e9b6 rgb(87,233,182)
```
#4ff1b8
```
#4ff1b8 rgb(79,241,184)
```
#48f8ba
```
#48f8ba rgb(72,248,186)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a5c8bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecdeb1 Protanopia 1% of men
#fbd6c9 Deuteranopia 1% of men
#7feeff Tritanopia 0.001% of the population

Trichromacy

#b0e7b4 Protanomaly 1% of men, 0.01% of women
#b9e2c3 Deuteranomaly 6% of men, 0.4% of women
#6bf1e5 Tritanomaly 0.01% of the population

#48f8ba hex color

#48f8ba Color Information

#48f8ba Color Conversion

Color Schemes with #48f8ba

Alternatives to #48f8ba

#48f8ba Preview

Shades and Tints of #48f8ba

Tones of #48f8ba

Color Blindness Simulator