#48b6aa hex color

In a RGB color space, hex #48b6aa is composed of 28.2% red, 71.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 0% magenta, 6.6% yellow and 28.6% black. It has a hue angle of 173.5 degrees, a saturation of 43.3% and a lightness of 49.8%. #48b6aa color hex could be obtained by blending #90ffff with #006d55. Closest websafe color is: #33cc99.

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

● #48b6aa color description : Moderate cyan.

The hexadecimal color #48b6aa has RGB values of R:72, G:182, B:170 and CMYK values of C:0.6, M:0, Y:0.07, K:0.29. Its decimal value is 4765354.

Hex triplet	48b6aa	`#48b6aa`
RGB Decimal	72, 182, 170	`rgb(72,182,170)`
RGB Percent	28.2, 71.4, 66.7	`rgb(28.2%,71.4%,66.7%)`
CMYK	60, 0, 7, 29
HSL	173.5°, 43.3, 49.8	`hsl(173.5,43.3%,49.8%)`
HSV (or HSB)	173.5°, 60.4, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.824, -34.037, -3.235
XYZ	26.654, 37.734, 43.907
xyY	0.246, 0.348, 37.734
CIE-LCH	67.824, 34.19, 185.429
CIE-LUV	67.824, -44.666, 0.426
Hunter-Lab	61.428, -30.046, 0.621
Binary	01001000, 10110110, 10101010

#48b6aa
```
#48b6aa rgb(72,182,170)
```
#b64854
```
#b64854 rgb(182,72,84)
```

Complementary Color

#48b673
```
#48b673 rgb(72,182,115)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#488bb6
```
#488bb6 rgb(72,139,182)
```

Analogous Color

#b67348
```
#b67348 rgb(182,115,72)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#b6488b
```
#b6488b rgb(182,72,139)
```

Split Complementary Color

#b6aa48
```
#b6aa48 rgb(182,170,72)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#aa48b6
```
#aa48b6 rgb(170,72,182)
```

Triadic Color

#54b648
```
#54b648 rgb(84,182,72)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#aa48b6
```
#aa48b6 rgb(170,72,182)
```
#b64854
```
#b64854 rgb(182,72,84)
```

Tetradic Color

#327f77
```
#327f77 rgb(50,127,119)
```
#3a9188
```
#3a9188 rgb(58,145,136)
```
#41a499
```
#41a499 rgb(65,164,153)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#5abeb3
```
#5abeb3 rgb(90,190,179)
```
#6cc5bb
```
#6cc5bb rgb(108,197,187)
```
#7eccc4
```
#7eccc4 rgb(126,204,196)
```

Monochromatic Color

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

#48b68f
```
#48b68f rgb(72,182,143)
```
#48b698
```
#48b698 rgb(72,182,152)
```
#48b6a1
```
#48b6a1 rgb(72,182,161)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#48b6b3
```
#48b6b3 rgb(72,182,179)
```
#48b0b6
```
#48b0b6 rgb(72,176,182)
```
#48a7b6
```
#48a7b6 rgb(72,167,182)
```

Similar Colors

Text with hexadecimal color #48b6aa

This text has a font color of #48b6aa.

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

#48b6aa background color

This paragraph has a background color of #48b6aa.

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

#48b6aa border color

This element has a border color of #48b6aa.

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

CSS codes

.text {color:#48b6aa;}

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

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

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

#050d0c
```
#050d0c rgb(5,13,12)
```
#0b1b1a
```
#0b1b1a rgb(11,27,26)
```
#102927
```
#102927 rgb(16,41,39)
```
#163834
```
#163834 rgb(22,56,52)
```
#1c4641
```
#1c4641 rgb(28,70,65)
```
#21544e
```
#21544e rgb(33,84,78)
```
#27625b
```
#27625b rgb(39,98,91)
```
#2c7068
```
#2c7068 rgb(44,112,104)
```
#327e75
```
#327e75 rgb(50,126,117)
```
#378c83
```
#378c83 rgb(55,140,131)
```
#3d9a90
```
#3d9a90 rgb(61,154,144)
```
#42a89d
```
#42a89d rgb(66,168,157)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```

Shade Color Variation

#56bcb1
```
#56bcb1 rgb(86,188,177)
```
#64c2b7
```
#64c2b7 rgb(100,194,183)
```
#72c7be
```
#72c7be rgb(114,199,190)
```
#80cdc4
```
#80cdc4 rgb(128,205,196)
```
#8ed2cb
```
#8ed2cb rgb(142,210,203)
```
#9cd8d1
```
#9cd8d1 rgb(156,216,209)
```
#aaddd8
```
#aaddd8 rgb(170,221,216)
```
#b8e3de
```
#b8e3de rgb(184,227,222)
```
#c6e8e5
```
#c6e8e5 rgb(198,232,229)
```
#d4eeeb
```
#d4eeeb rgb(212,238,235)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#f0f9f8
```
#f0f9f8 rgb(240,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798584
```
#798584 rgb(121,133,132)
```
#6f8f8b
```
#6f8f8b rgb(111,143,139)
```
#659993
```
#659993 rgb(101,153,147)
```
#5ca29b
```
#5ca29b rgb(92,162,155)
```
#52aca2
```
#52aca2 rgb(82,172,162)
```
#48b6aa
```
#48b6aa rgb(72,182,170)
```
#3ec0b2
```
#3ec0b2 rgb(62,192,178)
```
#34cab9
```
#34cab9 rgb(52,202,185)
```
#2bd3c1
```
#2bd3c1 rgb(43,211,193)
```
#21ddc9
```
#21ddc9 rgb(33,221,201)
```
#17e7d0
```
#17e7d0 rgb(23,231,208)
```
#0df1d8
```
#0df1d8 rgb(13,241,216)
```
#04fadf
```
#04fadf rgb(4,250,223)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#859b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada9a5 Protanopia 1% of men
#b4a5b5 Deuteranopia 1% of men
#5cb6c3 Tritanopia 0.001% of the population

Trichromacy

#88ada7 Protanomaly 1% of men, 0.01% of women
#8cabb1 Deuteranomaly 6% of men, 0.4% of women
#54b6ba Tritanomaly 0.01% of the population

#48b6aa hex color

#48b6aa Color Information

#48b6aa Color Conversion

Color Schemes with #48b6aa

Alternatives to #48b6aa

#48b6aa Preview

Shades and Tints of #48b6aa

Tones of #48b6aa

Color Blindness Simulator