#48b8a9 hex color

In a RGB color space, hex #48b8a9 is composed of 28.2% red, 72.2% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 8.2% yellow and 27.8% black. It has a hue angle of 172 degrees, a saturation of 44.1% and a lightness of 50.2%. #48b8a9 color hex could be obtained by blending #90ffff with #007153. Closest websafe color is: #33cc99.

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

● #48b8a9 color description : Moderate cyan.

The hexadecimal color #48b8a9 has RGB values of R:72, G:184, B:169 and CMYK values of C:0.61, M:0, Y:0.08, K:0.28. Its decimal value is 4765865.

Hex triplet	48b8a9	`#48b8a9`
RGB Decimal	72, 184, 169	`rgb(72,184,169)`
RGB Percent	28.2, 72.2, 66.3	`rgb(28.2%,72.2%,66.3%)`
CMYK	61, 0, 8, 28
HSL	172°, 44.1, 50.2	`hsl(172,44.1%,50.2%)`
HSV (or HSB)	172°, 60.9, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.403, -35.235, -1.833
XYZ	26.972, 38.521, 43.548
xyY	0.247, 0.353, 38.521
CIE-LCH	68.403, 35.282, 182.978
CIE-LUV	68.403, -45.475, 2.733
Hunter-Lab	62.065, -31.042, 1.845
Binary	01001000, 10111000, 10101001

#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#b84857
```
#b84857 rgb(184,72,87)
```

Complementary Color

#48b871
```
#48b871 rgb(72,184,113)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#488fb8
```
#488fb8 rgb(72,143,184)
```

Analogous Color

#b87148
```
#b87148 rgb(184,113,72)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#b8488f
```
#b8488f rgb(184,72,143)
```

Split Complementary Color

#b8a948
```
#b8a948 rgb(184,169,72)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#a948b8
```
#a948b8 rgb(169,72,184)
```

Triadic Color

#57b848
```
#57b848 rgb(87,184,72)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#a948b8
```
#a948b8 rgb(169,72,184)
```
#b84857
```
#b84857 rgb(184,72,87)
```

Tetradic Color

#328177
```
#328177 rgb(50,129,119)
```
#399488
```
#399488 rgb(57,148,136)
```
#40a698
```
#40a698 rgb(64,166,152)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#5abfb2
```
#5abfb2 rgb(90,191,178)
```
#6dc6ba
```
#6dc6ba rgb(109,198,186)
```
#7fcdc3
```
#7fcdc3 rgb(127,205,195)
```

Monochromatic Color

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

#48b88d
```
#48b88d rgb(72,184,141)
```
#48b896
```
#48b896 rgb(72,184,150)
```
#48b8a0
```
#48b8a0 rgb(72,184,160)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#48b8b2
```
#48b8b2 rgb(72,184,178)
```
#48b4b8
```
#48b4b8 rgb(72,180,184)
```
#48abb8
```
#48abb8 rgb(72,171,184)
```

Similar Colors

Text with hexadecimal color #48b8a9

This text has a font color of #48b8a9.

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

#48b8a9 background color

This paragraph has a background color of #48b8a9.

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

#48b8a9 border color

This element has a border color of #48b8a9.

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

CSS codes

.text {color:#48b8a9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0e
```
#060f0e rgb(6,15,14)
```
#0b1d1b
```
#0b1d1b rgb(11,29,27)
```
#112b28
```
#112b28 rgb(17,43,40)
```
#163935
```
#163935 rgb(22,57,53)
```
#1c4742
```
#1c4742 rgb(28,71,66)
```
#21564f
```
#21564f rgb(33,86,79)
```
#27645b
```
#27645b rgb(39,100,91)
```
#2c7268
```
#2c7268 rgb(44,114,104)
```
#328075
```
#328075 rgb(50,128,117)
```
#378e82
```
#378e82 rgb(55,142,130)
```
#3d9c8f
```
#3d9c8f rgb(61,156,143)
```
#42aa9c
```
#42aa9c rgb(66,170,156)
```

Shade Color Variation

#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#56bdb0
```
#56bdb0 rgb(86,189,176)
```
#64c3b6
```
#64c3b6 rgb(100,195,182)
```
#72c8bd
```
#72c8bd rgb(114,200,189)
```
#81cec4
```
#81cec4 rgb(129,206,196)
```
#8fd3ca
```
#8fd3ca rgb(143,211,202)
```
#9dd9d1
```
#9dd9d1 rgb(157,217,209)
```
#abded7
```
#abded7 rgb(171,222,215)
```
#b9e4de
```
#b9e4de rgb(185,228,222)
```
#c7e9e5
```
#c7e9e5 rgb(199,233,229)
```
#d5efeb
```
#d5efeb rgb(213,239,235)
```
#e3f4f2
```
#e3f4f2 rgb(227,244,242)
```
#f2faf9
```
#f2faf9 rgb(242,250,249)
```

Tint Color Variation

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

#798785
```
#798785 rgb(121,135,133)
```
#6f918c
```
#6f918c rgb(111,145,140)
```
#659b94
```
#659b94 rgb(101,155,148)
```
#5ca49b
```
#5ca49b rgb(92,164,155)
```
#52aea2
```
#52aea2 rgb(82,174,162)
```
#48b8a9
```
#48b8a9 rgb(72,184,169)
```
#3ec2b0
```
#3ec2b0 rgb(62,194,176)
```
#34ccb7
```
#34ccb7 rgb(52,204,183)
```
#2bd5be
```
#2bd5be rgb(43,213,190)
```
#21dfc6
```
#21dfc6 rgb(33,223,198)
```
#17e9cd
```
#17e9cd rgb(23,233,205)
```
#0df3d4
```
#0df3d4 rgb(13,243,212)
```
#04fcdb
```
#04fcdb rgb(4,252,219)
```

Tone Color Variation

Below, you can see how #48b8a9 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
#869c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaaa4 Protanopia 1% of men
#b6a6b4 Deuteranopia 1% of men
#5db8c5 Tritanopia 0.001% of the population

Trichromacy

#8aafa6 Protanomaly 1% of men, 0.01% of women
#8eadb0 Deuteranomaly 6% of men, 0.4% of women
#55b8bb Tritanomaly 0.01% of the population

#48b8a9 hex color

#48b8a9 Color Information

#48b8a9 Color Conversion

Color Schemes with #48b8a9

Alternatives to #48b8a9

#48b8a9 Preview

Shades and Tints of #48b8a9

Tones of #48b8a9

Color Blindness Simulator