#48b9ac hex color

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

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

● #48b9ac color description : Moderate cyan.

The hexadecimal color #48b9ac has RGB values of R:72, G:185, B:172 and CMYK values of C:0.61, M:0, Y:0.07, K:0.27. Its decimal value is 4766124.

Hex triplet	48b9ac	`#48b9ac`
RGB Decimal	72, 185, 172	`rgb(72,185,172)`
RGB Percent	28.2, 72.5, 67.5	`rgb(28.2%,72.5%,67.5%)`
CMYK	61, 0, 7, 27
HSL	173.1°, 44.7, 50.4	`hsl(173.1,44.7%,50.4%)`
HSV (or HSB)	173.1°, 61.1, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.789, -34.907, -2.917
XYZ	27.465, 39.052, 45.118
xyY	0.246, 0.35, 39.052
CIE-LCH	68.789, 35.029, 184.777
CIE-LUV	68.789, -45.681, 1.041
Hunter-Lab	62.492, -30.908, 0.938
Binary	01001000, 10111001, 10101100

#48b9ac
```
#48b9ac rgb(72,185,172)
```
#b94855
```
#b94855 rgb(185,72,85)
```

Complementary Color

#48b974
```
#48b974 rgb(72,185,116)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#488eb9
```
#488eb9 rgb(72,142,185)
```

Analogous Color

#b97448
```
#b97448 rgb(185,116,72)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#b9488e
```
#b9488e rgb(185,72,142)
```

Split Complementary Color

#b9ac48
```
#b9ac48 rgb(185,172,72)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#ac48b9
```
#ac48b9 rgb(172,72,185)
```

Triadic Color

#55b948
```
#55b948 rgb(85,185,72)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#ac48b9
```
#ac48b9 rgb(172,72,185)
```
#b94855
```
#b94855 rgb(185,72,85)
```

Tetradic Color

#328379
```
#328379 rgb(50,131,121)
```
#39958a
```
#39958a rgb(57,149,138)
```
#40a79c
```
#40a79c rgb(64,167,156)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#5ac0b4
```
#5ac0b4 rgb(90,192,180)
```
#6dc7bd
```
#6dc7bd rgb(109,199,189)
```
#7fcec5
```
#7fcec5 rgb(127,206,197)
```

Monochromatic Color

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

#48b990
```
#48b990 rgb(72,185,144)
```
#48b999
```
#48b999 rgb(72,185,153)
```
#48b9a3
```
#48b9a3 rgb(72,185,163)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#48b9b5
```
#48b9b5 rgb(72,185,181)
```
#48b3b9
```
#48b3b9 rgb(72,179,185)
```
#48aab9
```
#48aab9 rgb(72,170,185)
```

Similar Colors

Text with hexadecimal color #48b9ac

This text has a font color of #48b9ac.

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

#48b9ac background color

This paragraph has a background color of #48b9ac.

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

#48b9ac border color

This element has a border color of #48b9ac.

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

CSS codes

.text {color:#48b9ac;}

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

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

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)
```
#06100f
```
#06100f rgb(6,16,15)
```
#0b1e1c
```
#0b1e1c rgb(11,30,28)
```
#112c29
```
#112c29 rgb(17,44,41)
```
#163a36
```
#163a36 rgb(22,58,54)
```
#1c4843
```
#1c4843 rgb(28,72,67)
```
#215750
```
#215750 rgb(33,87,80)
```
#27655e
```
#27655e rgb(39,101,94)
```
#2c736b
```
#2c736b rgb(44,115,107)
```
#318178
```
#318178 rgb(49,129,120)
```
#378f85
```
#378f85 rgb(55,143,133)
```
#3c9e92
```
#3c9e92 rgb(60,158,146)
```
#42aca0
```
#42aca0 rgb(66,172,160)
```

Shade Color Variation

#48b9ac
```
#48b9ac rgb(72,185,172)
```
#56beb2
```
#56beb2 rgb(86,190,178)
```
#64c4b9
```
#64c4b9 rgb(100,196,185)
```
#73c9bf
```
#73c9bf rgb(115,201,191)
```
#81cfc6
```
#81cfc6 rgb(129,207,198)
```
#8fd4cc
```
#8fd4cc rgb(143,212,204)
```
#9ddad3
```
#9ddad3 rgb(157,218,211)
```
#abdfd9
```
#abdfd9 rgb(171,223,217)
```
#bae4df
```
#bae4df rgb(186,228,223)
```
#c8eae6
```
#c8eae6 rgb(200,234,230)
```
#d6efec
```
#d6efec rgb(214,239,236)
```
#e4f5f3
```
#e4f5f3 rgb(228,245,243)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#798887
```
#798887 rgb(121,136,135)
```
#6f928e
```
#6f928e rgb(111,146,142)
```
#659c96
```
#659c96 rgb(101,156,150)
```
#5ba69d
```
#5ba69d rgb(91,166,157)
```
#52afa5
```
#52afa5 rgb(82,175,165)
```
#48b9ac
```
#48b9ac rgb(72,185,172)
```
#3ec3b3
```
#3ec3b3 rgb(62,195,179)
```
#35ccbb
```
#35ccbb rgb(53,204,187)
```
#2bd6c2
```
#2bd6c2 rgb(43,214,194)
```
#21e0ca
```
#21e0ca rgb(33,224,202)
```
#17ead1
```
#17ead1 rgb(23,234,209)
```
#0ef3d9
```
#0ef3d9 rgb(14,243,217)
```
#04fde0
```
#04fde0 rgb(4,253,224)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aba7 Protanopia 1% of men
#b6a7b7 Deuteranopia 1% of men
#5db9c6 Tritanopia 0.001% of the population

Trichromacy

#8ab0a9 Protanomaly 1% of men, 0.01% of women
#8eaeb3 Deuteranomaly 6% of men, 0.4% of women
#55b9bd Tritanomaly 0.01% of the population

#48b9ac hex color

#48b9ac Color Information

#48b9ac Color Conversion

Color Schemes with #48b9ac

Alternatives to #48b9ac

#48b9ac Preview

Shades and Tints of #48b9ac

Tones of #48b9ac

Color Blindness Simulator