#48b9a6 hex color

In a RGB color space, hex #48b9a6 is composed of 28.2% red, 72.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 10.3% yellow and 27.5% black. It has a hue angle of 169.9 degrees, a saturation of 44.7% and a lightness of 50.4%. #48b9a6 color hex could be obtained by blending #90ffff with #00734d. Closest websafe color is: #33cc99.

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

● #48b9a6 color description : Moderate cyan.

The hexadecimal color #48b9a6 has RGB values of R:72, G:185, B:166 and CMYK values of C:0.61, M:0, Y:0.1, K:0.27. Its decimal value is 4766118.

Hex triplet	48b9a6	`#48b9a6`
RGB Decimal	72, 185, 166	`rgb(72,185,166)`
RGB Percent	28.2, 72.5, 65.1	`rgb(28.2%,72.5%,65.1%)`
CMYK	61, 0, 10, 27
HSL	169.9°, 44.7, 50.4	`hsl(169.9,44.7%,50.4%)`
HSV (or HSB)	169.9°, 61.1, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.625, -36.479, 0.144
XYZ	26.902, 38.827, 42.151
xyY	0.249, 0.36, 38.827
CIE-LCH	68.625, 36.479, 179.774
CIE-LUV	68.625, -46.019, 5.892
Hunter-Lab	62.311, -31.979, 3.51
Binary	01001000, 10111001, 10100110

#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#b9485b
```
#b9485b rgb(185,72,91)
```

Complementary Color

#48b96e
```
#48b96e rgb(72,185,110)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#4894b9
```
#4894b9 rgb(72,148,185)
```

Analogous Color

#b96e48
```
#b96e48 rgb(185,110,72)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#b94894
```
#b94894 rgb(185,72,148)
```

Split Complementary Color

#b9a648
```
#b9a648 rgb(185,166,72)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#a648b9
```
#a648b9 rgb(166,72,185)
```

Triadic Color

#5bb948
```
#5bb948 rgb(91,185,72)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#a648b9
```
#a648b9 rgb(166,72,185)
```
#b9485b
```
#b9485b rgb(185,72,91)
```

Tetradic Color

#328375
```
#328375 rgb(50,131,117)
```
#399586
```
#399586 rgb(57,149,134)
```
#40a796
```
#40a796 rgb(64,167,150)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#5ac0af
```
#5ac0af rgb(90,192,175)
```
#6dc7b8
```
#6dc7b8 rgb(109,199,184)
```
#7fcec1
```
#7fcec1 rgb(127,206,193)
```

Monochromatic Color

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

#48b98a
```
#48b98a rgb(72,185,138)
```
#48b993
```
#48b993 rgb(72,185,147)
```
#48b99d
```
#48b99d rgb(72,185,157)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#48b9af
```
#48b9af rgb(72,185,175)
```
#48b9b9
```
#48b9b9 rgb(72,185,185)
```
#48b0b9
```
#48b0b9 rgb(72,176,185)
```

Similar Colors

Text with hexadecimal color #48b9a6

This text has a font color of #48b9a6.

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

#48b9a6 background color

This paragraph has a background color of #48b9a6.

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

#48b9a6 border color

This element has a border color of #48b9a6.

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

CSS codes

.text {color:#48b9a6;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0b1e1b
```
#0b1e1b rgb(11,30,27)
```
#112c27
```
#112c27 rgb(17,44,39)
```
#163a34
```
#163a34 rgb(22,58,52)
```
#1c4841
```
#1c4841 rgb(28,72,65)
```
#21574e
```
#21574e rgb(33,87,78)
```
#27655a
```
#27655a rgb(39,101,90)
```
#2c7367
```
#2c7367 rgb(44,115,103)
```
#318174
```
#318174 rgb(49,129,116)
```
#378f80
```
#378f80 rgb(55,143,128)
```
#3c9e8d
```
#3c9e8d rgb(60,158,141)
```
#42ac9a
```
#42ac9a rgb(66,172,154)
```

Shade Color Variation

#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#56bead
```
#56bead rgb(86,190,173)
```
#64c4b4
```
#64c4b4 rgb(100,196,180)
```
#73c9bb
```
#73c9bb rgb(115,201,187)
```
#81cfc2
```
#81cfc2 rgb(129,207,194)
```
#8fd4c9
```
#8fd4c9 rgb(143,212,201)
```
#9ddacf
```
#9ddacf rgb(157,218,207)
```
#abdfd6
```
#abdfd6 rgb(171,223,214)
```
#bae4dd
```
#bae4dd rgb(186,228,221)
```
#c8eae4
```
#c8eae4 rgb(200,234,228)
```
#d6efeb
```
#d6efeb rgb(214,239,235)
```
#e4f5f2
```
#e4f5f2 rgb(228,245,242)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#798886
```
#798886 rgb(121,136,134)
```
#6f928c
```
#6f928c rgb(111,146,140)
```
#659c93
```
#659c93 rgb(101,156,147)
```
#5ba699
```
#5ba699 rgb(91,166,153)
```
#52afa0
```
#52afa0 rgb(82,175,160)
```
#48b9a6
```
#48b9a6 rgb(72,185,166)
```
#3ec3ac
```
#3ec3ac rgb(62,195,172)
```
#35ccb3
```
#35ccb3 rgb(53,204,179)
```
#2bd6b9
```
#2bd6b9 rgb(43,214,185)
```
#21e0c0
```
#21e0c0 rgb(33,224,192)
```
#17eac6
```
#17eac6 rgb(23,234,198)
```
#0ef3cd
```
#0ef3cd rgb(14,243,205)
```
#04fdd3
```
#04fdd3 rgb(4,253,211)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#869c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aba1 Protanopia 1% of men
#b8a7b2 Deuteranopia 1% of men
#5fb8c5 Tritanopia 0.001% of the population

Trichromacy

#8bb0a3 Protanomaly 1% of men, 0.01% of women
#8fadad Deuteranomaly 6% of men, 0.4% of women
#56b8ba Tritanomaly 0.01% of the population

#48b9a6 hex color

#48b9a6 Color Information

#48b9a6 Color Conversion

Color Schemes with #48b9a6

Alternatives to #48b9a6

#48b9a6 Preview

Shades and Tints of #48b9a6

Tones of #48b9a6

Color Blindness Simulator