#48b5a1 hex color

In a RGB color space, hex #48b5a1 is composed of 28.2% red, 71% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 11% yellow and 29% black. It has a hue angle of 169 degrees, a saturation of 43.1% and a lightness of 49.6%. #48b5a1 color hex could be obtained by blending #90ffff with #006b43. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 28
- G 71
- B 63
RGB color chart
- C 60
- M 0
- Y 11
- K 29
CMYK color chart

● #48b5a1 color description : Moderate cyan.

The hexadecimal color #48b5a1 has RGB values of R:72, G:181, B:161 and CMYK values of C:0.6, M:0, Y:0.11, K:0.29. Its decimal value is 4765089.

Hex triplet	48b5a1	`#48b5a1`
RGB Decimal	72, 181, 161	`rgb(72,181,161)`
RGB Percent	28.2, 71, 63.1	`rgb(28.2%,71%,63.1%)`
CMYK	60, 0, 11, 29
HSL	169°, 43.1, 49.6	`hsl(169,43.1%,49.6%)`
HSV (or HSB)	169°, 60.2, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.274, -35.925, 0.928
XYZ	25.627, 36.997, 39.507
xyY	0.251, 0.362, 36.997
CIE-LCH	67.274, 35.937, 178.52
CIE-LUV	67.274, -44.786, 6.952
Hunter-Lab	60.825, -31.236, 4.068
Binary	01001000, 10110101, 10100001

#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#b5485c
```
#b5485c rgb(181,72,92)
```

Complementary Color

#48b56b
```
#48b56b rgb(72,181,107)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#4893b5
```
#4893b5 rgb(72,147,181)
```

Analogous Color

#b56b48
```
#b56b48 rgb(181,107,72)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#b54893
```
#b54893 rgb(181,72,147)
```

Split Complementary Color

#b5a148
```
#b5a148 rgb(181,161,72)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#a148b5
```
#a148b5 rgb(161,72,181)
```

Triadic Color

#5cb548
```
#5cb548 rgb(92,181,72)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#a148b5
```
#a148b5 rgb(161,72,181)
```
#b5485c
```
#b5485c rgb(181,72,92)
```

Tetradic Color

#327e70
```
#327e70 rgb(50,126,112)
```
#399181
```
#399181 rgb(57,145,129)
```
#41a391
```
#41a391 rgb(65,163,145)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#59bdab
```
#59bdab rgb(89,189,171)
```
#6cc4b4
```
#6cc4b4 rgb(108,196,180)
```
#7eccbd
```
#7eccbd rgb(126,204,189)
```

Monochromatic Color

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

#48b586
```
#48b586 rgb(72,181,134)
```
#48b58f
```
#48b58f rgb(72,181,143)
```
#48b598
```
#48b598 rgb(72,181,152)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#48b5aa
```
#48b5aa rgb(72,181,170)
```
#48b5b3
```
#48b5b3 rgb(72,181,179)
```
#48aeb5
```
#48aeb5 rgb(72,174,181)
```

Similar Colors

Text with hexadecimal color #48b5a1

This text has a font color of #48b5a1.

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

#48b5a1 background color

This paragraph has a background color of #48b5a1.

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

#48b5a1 border color

This element has a border color of #48b5a1.

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

CSS codes

.text {color:#48b5a1;}

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

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

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, #050d0b is the darkest color, while #fefefe is the lightest one.

#050d0b
```
#050d0b rgb(5,13,11)
```
#0b1b18
```
#0b1b18 rgb(11,27,24)
```
#102924
```
#102924 rgb(16,41,36)
```
#163731
```
#163731 rgb(22,55,49)
```
#1b453d
```
#1b453d rgb(27,69,61)
```
#21534a
```
#21534a rgb(33,83,74)
```
#276156
```
#276156 rgb(39,97,86)
```
#2c6f63
```
#2c6f63 rgb(44,111,99)
```
#327d6f
```
#327d6f rgb(50,125,111)
```
#378b7c
```
#378b7c rgb(55,139,124)
```
#3d9988
```
#3d9988 rgb(61,153,136)
```
#42a795
```
#42a795 rgb(66,167,149)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```

Shade Color Variation

#55bba9
```
#55bba9 rgb(85,187,169)
```
#63c1b0
```
#63c1b0 rgb(99,193,176)
```
#71c7b7
```
#71c7b7 rgb(113,199,183)
```
#7fccbe
```
#7fccbe rgb(127,204,190)
```
#8dd2c5
```
#8dd2c5 rgb(141,210,197)
```
#9bd7cc
```
#9bd7cc rgb(155,215,204)
```
#a9ddd3
```
#a9ddd3 rgb(169,221,211)
```
#b7e3db
```
#b7e3db rgb(183,227,219)
```
#c5e8e2
```
#c5e8e2 rgb(197,232,226)
```
#d3eee9
```
#d3eee9 rgb(211,238,233)
```
#e2f3f0
```
#e2f3f0 rgb(226,243,240)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#798482
```
#798482 rgb(121,132,130)
```
#6f8e88
```
#6f8e88 rgb(111,142,136)
```
#65988f
```
#65988f rgb(101,152,143)
```
#5ba295
```
#5ba295 rgb(91,162,149)
```
#52ab9b
```
#52ab9b rgb(82,171,155)
```
#48b5a1
```
#48b5a1 rgb(72,181,161)
```
#3ebfa7
```
#3ebfa7 rgb(62,191,167)
```
#35c8ad
```
#35c8ad rgb(53,200,173)
```
#2bd2b3
```
#2bd2b3 rgb(43,210,179)
```
#21dcba
```
#21dcba rgb(33,220,186)
```
#17e6c0
```
#17e6c0 rgb(23,230,192)
```
#0eefc6
```
#0eefc6 rgb(14,239,198)
```
#04f9cc
```
#04f9cc rgb(4,249,204)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#839995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea79d Protanopia 1% of men
#b5a3ad Deuteranopia 1% of men
#5eb4c1 Tritanopia 0.001% of the population

Trichromacy

#88ac9e Protanomaly 1% of men, 0.01% of women
#8daaa8 Deuteranomaly 6% of men, 0.4% of women
#56b4b5 Tritanomaly 0.01% of the population

#48b5a1 hex color

#48b5a1 Color Information

#48b5a1 Color Conversion

Color Schemes with #48b5a1

Alternatives to #48b5a1

#48b5a1 Preview

Shades and Tints of #48b5a1

Tones of #48b5a1

Color Blindness Simulator