#48b393 hex color

In a RGB color space, hex #48b393 is composed of 28.2% red, 70.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 17.9% yellow and 29.8% black. It has a hue angle of 162.1 degrees, a saturation of 42.6% and a lightness of 49.2%. #48b393 color hex could be obtained by blending #90ffff with #006727. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 70
- B 58
RGB color chart
- C 60
- M 0
- Y 18
- K 30
CMYK color chart

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

The hexadecimal color #48b393 has RGB values of R:72, G:179, B:147 and CMYK values of C:0.6, M:0, Y:0.18, K:0.3. Its decimal value is 4764563.

Hex triplet	48b393	`#48b393`
RGB Decimal	72, 179, 147	`rgb(72,179,147)`
RGB Percent	28.2, 70.2, 57.6	`rgb(28.2%,70.2%,57.6%)`
CMYK	60, 0, 18, 30
HSL	162.1°, 42.6, 49.2	`hsl(162.1,42.6%,49.2%)`
HSV (or HSB)	162.1°, 59.8, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.307, -38.493, 7.256
XYZ	24.057, 35.723, 33.229
xyY	0.259, 0.384, 35.723
CIE-LCH	66.307, 39.171, 169.325
CIE-LUV	66.307, -44.778, 16.461
Hunter-Lab	59.768, -32.747, 8.874
Binary	01001000, 10110011, 10010011

#48b393
```
#48b393 rgb(72,179,147)
```
#b34868
```
#b34868 rgb(179,72,104)
```

Complementary Color

#48b35e
```
#48b35e rgb(72,179,94)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#489eb3
```
#489eb3 rgb(72,158,179)
```

Analogous Color

#b35e48
```
#b35e48 rgb(179,94,72)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#b3489e
```
#b3489e rgb(179,72,158)
```

Split Complementary Color

#b39348
```
#b39348 rgb(179,147,72)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#9348b3
```
#9348b3 rgb(147,72,179)
```

Triadic Color

#68b348
```
#68b348 rgb(104,179,72)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#9348b3
```
#9348b3 rgb(147,72,179)
```
#b34868
```
#b34868 rgb(179,72,104)
```

Tetradic Color

#327c66
```
#327c66 rgb(50,124,102)
```
#398f75
```
#398f75 rgb(57,143,117)
```
#41a184
```
#41a184 rgb(65,161,132)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#58bc9e
```
#58bc9e rgb(88,188,158)
```
#6bc3a9
```
#6bc3a9 rgb(107,195,169)
```
#7dcbb3
```
#7dcbb3 rgb(125,203,179)
```

Monochromatic Color

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

#48b378
```
#48b378 rgb(72,179,120)
```
#48b381
```
#48b381 rgb(72,179,129)
```
#48b38a
```
#48b38a rgb(72,179,138)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#48b39c
```
#48b39c rgb(72,179,156)
```
#48b3a5
```
#48b3a5 rgb(72,179,165)
```
#48b3ae
```
#48b3ae rgb(72,179,174)
```

Similar Colors

Text with hexadecimal color #48b393

This text has a font color of #48b393.

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

#48b393 background color

This paragraph has a background color of #48b393.

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

#48b393 border color

This element has a border color of #48b393.

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

CSS codes

.text {color:#48b393;}

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

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

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#0a1915
```
#0a1915 rgb(10,25,21)
```
#102720
```
#102720 rgb(16,39,32)
```
#15352c
```
#15352c rgb(21,53,44)
```
#1b4337
```
#1b4337 rgb(27,67,55)
```
#215143
```
#215143 rgb(33,81,67)
```
#265f4e
```
#265f4e rgb(38,95,78)
```
#2c6d5a
```
#2c6d5a rgb(44,109,90)
```
#317b65
```
#317b65 rgb(49,123,101)
```
#378971
```
#378971 rgb(55,137,113)
```
#3d977c
```
#3d977c rgb(61,151,124)
```
#42a588
```
#42a588 rgb(66,165,136)
```
#48b393
```
#48b393 rgb(72,179,147)
```

Shade Color Variation

#54ba9c
```
#54ba9c rgb(84,186,156)
```
#62c0a4
```
#62c0a4 rgb(98,192,164)
```
#70c6ac
```
#70c6ac rgb(112,198,172)
```
#7ecbb4
```
#7ecbb4 rgb(126,203,180)
```
#8cd1bc
```
#8cd1bc rgb(140,209,188)
```
#9ad6c4
```
#9ad6c4 rgb(154,214,196)
```
#a8dccd
```
#a8dccd rgb(168,220,205)
```
#b6e2d5
```
#b6e2d5 rgb(182,226,213)
```
#c4e7dd
```
#c4e7dd rgb(196,231,221)
```
#d2ede5
```
#d2ede5 rgb(210,237,229)
```
#e0f3ed
```
#e0f3ed rgb(224,243,237)
```
#eef8f5
```
#eef8f5 rgb(238,248,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#788380
```
#788380 rgb(120,131,128)
```
#6f8c83
```
#6f8c83 rgb(111,140,131)
```
#659687
```
#659687 rgb(101,150,135)
```
#5ba08b
```
#5ba08b rgb(91,160,139)
```
#52a98f
```
#52a98f rgb(82,169,143)
```
#48b393
```
#48b393 rgb(72,179,147)
```
#3ebd97
```
#3ebd97 rgb(62,189,151)
```
#35c69b
```
#35c69b rgb(53,198,155)
```
#2bd09f
```
#2bd09f rgb(43,208,159)
```
#21daa3
```
#21daa3 rgb(33,218,163)
```
#18e3a6
```
#18e3a6 rgb(24,227,166)
```
#0eedaa
```
#0eedaa rgb(14,237,170)
```
#04f7ae
```
#04f7ae rgb(4,247,174)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#819690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea590 Protanopia 1% of men
#b7a0a0 Deuteranopia 1% of men
#62b1be Tritanopia 0.001% of the population

Trichromacy

#88aa91 Protanomaly 1% of men, 0.01% of women
#8fa79b Deuteranomaly 6% of men, 0.4% of women
#58b2ae Tritanomaly 0.01% of the population

#48b393 hex color

#48b393 Color Information

#48b393 Color Conversion

Color Schemes with #48b393

Alternatives to #48b393

#48b393 Preview

Shades and Tints of #48b393

Tones of #48b393

Color Blindness Simulator