#48b6a8 hex color

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

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

● #48b6a8 color description : Moderate cyan.

The hexadecimal color #48b6a8 has RGB values of R:72, G:182, B:168 and CMYK values of C:0.6, M:0, Y:0.08, K:0.29. Its decimal value is 4765352.

Hex triplet	48b6a8	`#48b6a8`
RGB Decimal	72, 182, 168	`rgb(72,182,168)`
RGB Percent	28.2, 71.4, 65.9	`rgb(28.2%,71.4%,65.9%)`
CMYK	60, 0, 8, 29
HSL	172.4°, 43.3, 49.8	`hsl(172.4,43.3%,49.8%)`
HSV (or HSB)	172.4°, 60.4, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.768, -34.567, -2.213
XYZ	26.466, 37.659, 42.918
xyY	0.247, 0.352, 37.659
CIE-LCH	67.768, 34.638, 183.663
CIE-LUV	67.768, -44.777, 2.054
Hunter-Lab	61.367, -30.408, 1.491
Binary	01001000, 10110110, 10101000

#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#b64856
```
#b64856 rgb(182,72,86)
```

Complementary Color

#48b671
```
#48b671 rgb(72,182,113)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#488db6
```
#488db6 rgb(72,141,182)
```

Analogous Color

#b67148
```
#b67148 rgb(182,113,72)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#b6488d
```
#b6488d rgb(182,72,141)
```

Split Complementary Color

#b6a848
```
#b6a848 rgb(182,168,72)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#a848b6
```
#a848b6 rgb(168,72,182)
```

Triadic Color

#56b648
```
#56b648 rgb(86,182,72)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#a848b6
```
#a848b6 rgb(168,72,182)
```
#b64856
```
#b64856 rgb(182,72,86)
```

Tetradic Color

#327f75
```
#327f75 rgb(50,127,117)
```
#3a9186
```
#3a9186 rgb(58,145,134)
```
#41a497
```
#41a497 rgb(65,164,151)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#5abeb1
```
#5abeb1 rgb(90,190,177)
```
#6cc5ba
```
#6cc5ba rgb(108,197,186)
```
#7eccc2
```
#7eccc2 rgb(126,204,194)
```

Monochromatic Color

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

#48b68d
```
#48b68d rgb(72,182,141)
```
#48b696
```
#48b696 rgb(72,182,150)
```
#48b69f
```
#48b69f rgb(72,182,159)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#48b6b1
```
#48b6b1 rgb(72,182,177)
```
#48b2b6
```
#48b2b6 rgb(72,178,182)
```
#48a9b6
```
#48a9b6 rgb(72,169,182)
```

Similar Colors

Text with hexadecimal color #48b6a8

This text has a font color of #48b6a8.

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

#48b6a8 background color

This paragraph has a background color of #48b6a8.

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

#48b6a8 border color

This element has a border color of #48b6a8.

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

CSS codes

.text {color:#48b6a8;}

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

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

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)
```
#0b1b19
```
#0b1b19 rgb(11,27,25)
```
#102926
```
#102926 rgb(16,41,38)
```
#163833
```
#163833 rgb(22,56,51)
```
#1c4640
```
#1c4640 rgb(28,70,64)
```
#21544d
```
#21544d rgb(33,84,77)
```
#27625a
```
#27625a rgb(39,98,90)
```
#2c7067
```
#2c7067 rgb(44,112,103)
```
#327e74
```
#327e74 rgb(50,126,116)
```
#378c81
```
#378c81 rgb(55,140,129)
```
#3d9a8e
```
#3d9a8e rgb(61,154,142)
```
#42a89b
```
#42a89b rgb(66,168,155)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```

Shade Color Variation

#56bcaf
```
#56bcaf rgb(86,188,175)
```
#64c2b6
```
#64c2b6 rgb(100,194,182)
```
#72c7bc
```
#72c7bc rgb(114,199,188)
```
#80cdc3
```
#80cdc3 rgb(128,205,195)
```
#8ed2ca
```
#8ed2ca rgb(142,210,202)
```
#9cd8d0
```
#9cd8d0 rgb(156,216,208)
```
#aaddd7
```
#aaddd7 rgb(170,221,215)
```
#b8e3dd
```
#b8e3dd rgb(184,227,221)
```
#c6e8e4
```
#c6e8e4 rgb(198,232,228)
```
#d4eeeb
```
#d4eeeb rgb(212,238,235)
```
#e2f4f1
```
#e2f4f1 rgb(226,244,241)
```
#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 #04fadb is the most saturated one.

#798584
```
#798584 rgb(121,133,132)
```
#6f8f8b
```
#6f8f8b rgb(111,143,139)
```
#659992
```
#659992 rgb(101,153,146)
```
#5ca299
```
#5ca299 rgb(92,162,153)
```
#52aca1
```
#52aca1 rgb(82,172,161)
```
#48b6a8
```
#48b6a8 rgb(72,182,168)
```
#3ec0af
```
#3ec0af rgb(62,192,175)
```
#34cab7
```
#34cab7 rgb(52,202,183)
```
#2bd3be
```
#2bd3be rgb(43,211,190)
```
#21ddc5
```
#21ddc5 rgb(33,221,197)
```
#17e7cc
```
#17e7cc rgb(23,231,204)
```
#0df1d4
```
#0df1d4 rgb(13,241,212)
```
#04fadb
```
#04fadb rgb(4,250,219)
```

Tone Color Variation

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

#aea9a3 Protanopia 1% of men
#b4a5b3 Deuteranopia 1% of men
#5db6c3 Tritanopia 0.001% of the population

Trichromacy

#88ada5 Protanomaly 1% of men, 0.01% of women
#8dabaf Deuteranomaly 6% of men, 0.4% of women
#55b6b9 Tritanomaly 0.01% of the population

#48b6a8 hex color

#48b6a8 Color Information

#48b6a8 Color Conversion

Color Schemes with #48b6a8

Alternatives to #48b6a8

#48b6a8 Preview

Shades and Tints of #48b6a8

Tones of #48b6a8

Color Blindness Simulator