#48ba93 hex color

In a RGB color space, hex #48ba93 is composed of 28.2% red, 72.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 21% yellow and 27.1% black. It has a hue angle of 159.5 degrees, a saturation of 45.2% and a lightness of 50.6%. #48ba93 color hex could be obtained by blending #90ffff with #007527. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 73
- B 58
RGB color chart
- C 61
- M 0
- Y 21
- K 27
CMYK color chart

● #48ba93 color description : Moderate cyan - lime green.

The hexadecimal color #48ba93 has RGB values of R:72, G:186, B:147 and CMYK values of C:0.61, M:0, Y:0.21, K:0.27. Its decimal value is 4766355.

Hex triplet	48ba93	`#48ba93`
RGB Decimal	72, 186, 147	`rgb(72,186,147)`
RGB Percent	28.2, 72.9, 57.6	`rgb(28.2%,72.9%,57.6%)`
CMYK	61, 0, 21, 27
HSL	159.5°, 45.2, 50.6	`hsl(159.5,45.2%,50.6%)`
HSV (or HSB)	159.5°, 61.3, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.461, -41.59, 10.323
XYZ	25.496, 38.6, 33.709
xyY	0.261, 0.395, 38.6
CIE-LCH	68.461, 42.852, 166.06
CIE-LUV	68.461, -47.445, 21.355
Hunter-Lab	62.129, -35.474, 11.321
Binary	01001000, 10111010, 10010011

#48ba93
```
#48ba93 rgb(72,186,147)
```
#ba486f
```
#ba486f rgb(186,72,111)
```

Complementary Color

#48ba5a
```
#48ba5a rgb(72,186,90)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#48a8ba
```
#48a8ba rgb(72,168,186)
```

Analogous Color

#ba5a48
```
#ba5a48 rgb(186,90,72)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#ba48a8
```
#ba48a8 rgb(186,72,168)
```

Split Complementary Color

#ba9348
```
#ba9348 rgb(186,147,72)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#9348ba
```
#9348ba rgb(147,72,186)
```

Triadic Color

#6fba48
```
#6fba48 rgb(111,186,72)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#9348ba
```
#9348ba rgb(147,72,186)
```
#ba486f
```
#ba486f rgb(186,72,111)
```

Tetradic Color

#328468
```
#328468 rgb(50,132,104)
```
#399676
```
#399676 rgb(57,150,118)
```
#40a985
```
#40a985 rgb(64,169,133)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#5bc19e
```
#5bc19e rgb(91,193,158)
```
#6dc8a9
```
#6dc8a9 rgb(109,200,169)
```
#80cfb4
```
#80cfb4 rgb(128,207,180)
```

Monochromatic Color

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

#48ba77
```
#48ba77 rgb(72,186,119)
```
#48ba80
```
#48ba80 rgb(72,186,128)
```
#48ba8a
```
#48ba8a rgb(72,186,138)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#48ba9d
```
#48ba9d rgb(72,186,157)
```
#48baa6
```
#48baa6 rgb(72,186,166)
```
#48bab0
```
#48bab0 rgb(72,186,176)
```

Similar Colors

Text with hexadecimal color #48ba93

This text has a font color of #48ba93.

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

#48ba93 background color

This paragraph has a background color of #48ba93.

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

#48ba93 border color

This element has a border color of #48ba93.

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

CSS codes

.text {color:#48ba93;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06100d
```
#06100d rgb(6,16,13)
```
#0c1f18
```
#0c1f18 rgb(12,31,24)
```
#112d23
```
#112d23 rgb(17,45,35)
```
#163b2f
```
#163b2f rgb(22,59,47)
```
#1c493a
```
#1c493a rgb(28,73,58)
```
#215845
```
#215845 rgb(33,88,69)
```
#266650
```
#266650 rgb(38,102,80)
```
#2c745b
```
#2c745b rgb(44,116,91)
```
#318267
```
#318267 rgb(49,130,103)
```
#379172
```
#379172 rgb(55,145,114)
```
#3c9f7d
```
#3c9f7d rgb(60,159,125)
```
#41ad88
```
#41ad88 rgb(65,173,136)
```

Shade Color Variation

#48ba93
```
#48ba93 rgb(72,186,147)
```
#56bf9b
```
#56bf9b rgb(86,191,155)
```
#64c5a4
```
#64c5a4 rgb(100,197,164)
```
#73caac
```
#73caac rgb(115,202,172)
```
#81cfb5
```
#81cfb5 rgb(129,207,181)
```
#8fd5bd
```
#8fd5bd rgb(143,213,189)
```
#9ddac5
```
#9ddac5 rgb(157,218,197)
```
#ace0ce
```
#ace0ce rgb(172,224,206)
```
#bae5d6
```
#bae5d6 rgb(186,229,214)
```
#c8eadf
```
#c8eadf rgb(200,234,223)
```
#d6f0e7
```
#d6f0e7 rgb(214,240,231)
```
#e5f5ef
```
#e5f5ef rgb(229,245,239)
```
#f3faf8
```
#f3faf8 rgb(243,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788a84 is the less saturated color, while #04fea8 is the most saturated one.

#788a84
```
#788a84 rgb(120,138,132)
```
#6f9387
```
#6f9387 rgb(111,147,135)
```
#659d8a
```
#659d8a rgb(101,157,138)
```
#5ba78d
```
#5ba78d rgb(91,167,141)
```
#52b090
```
#52b090 rgb(82,176,144)
```
#48ba93
```
#48ba93 rgb(72,186,147)
```
#3ec496
```
#3ec496 rgb(62,196,150)
```
#35cd99
```
#35cd99 rgb(53,205,153)
```
#2bd79c
```
#2bd79c rgb(43,215,156)
```
#21e19f
```
#21e19f rgb(33,225,159)
```
#18eaa2
```
#18eaa2 rgb(24,234,162)
```
#0ef4a5
```
#0ef4a5 rgb(14,244,165)
```
#04fea8
```
#04fea8 rgb(4,254,168)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#849b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ab90 Protanopia 1% of men
#bfa5a0 Deuteranopia 1% of men
#64b7c4 Tritanopia 0.001% of the population

Trichromacy

#8db091 Protanomaly 1% of men, 0.01% of women
#94ad9b Deuteranomaly 6% of men, 0.4% of women
#5ab8b2 Tritanomaly 0.01% of the population

#48ba93 hex color

#48ba93 Color Information

#48ba93 Color Conversion

Color Schemes with #48ba93

Alternatives to #48ba93

#48ba93 Preview

Shades and Tints of #48ba93

Tones of #48ba93

Color Blindness Simulator