#48b7b8 hex color

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

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

● #48b7b8 color description : Moderate cyan.

The hexadecimal color #48b7b8 has RGB values of R:72, G:183, B:184 and CMYK values of C:0.61, M:0.01, Y:0, K:0.28. Its decimal value is 4765624.

Hex triplet	48b7b8	`#48b7b8`
RGB Decimal	72, 183, 184	`rgb(72,183,184)`
RGB Percent	28.2, 71.8, 72.2	`rgb(28.2%,71.8%,72.2%)`
CMYK	61, 1, 0, 28
HSL	180.5°, 44.1, 50.2	`hsl(180.5,44.1%,50.2%)`
HSV (or HSB)	180.5°, 60.9, 72.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.536, -30.678, -9.901
XYZ	28.255, 38.703, 51.326
xyY	0.239, 0.327, 38.703
CIE-LCH	68.536, 32.236, 197.888
CIE-LUV	68.536, -44.255, -10.407
Hunter-Lab	62.212, -27.8, -5.367
Binary	01001000, 10110111, 10111000

#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#b84948
```
#b84948 rgb(184,73,72)
```

Complementary Color

#48b881
```
#48b881 rgb(72,184,129)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#487fb8
```
#487fb8 rgb(72,127,184)
```

Analogous Color

#b88148
```
#b88148 rgb(184,129,72)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#b8487f
```
#b8487f rgb(184,72,127)
```

Split Complementary Color

#b7b848
```
#b7b848 rgb(183,184,72)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#b848b7
```
#b848b7 rgb(184,72,183)
```

Triadic Color

#48b849
```
#48b849 rgb(72,184,73)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#b848b7
```
#b848b7 rgb(184,72,183)
```
#b84948
```
#b84948 rgb(184,73,72)
```

Tetradic Color

#328181
```
#328181 rgb(50,129,129)
```
#399394
```
#399394 rgb(57,147,148)
```
#40a5a6
```
#40a5a6 rgb(64,165,166)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#5abebf
```
#5abebf rgb(90,190,191)
```
#6dc5c6
```
#6dc5c6 rgb(109,197,198)
```
#7fcdcd
```
#7fcdcd rgb(127,205,205)
```

Monochromatic Color

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

#48b89d
```
#48b89d rgb(72,184,157)
```
#48b8a6
```
#48b8a6 rgb(72,184,166)
```
#48b8b0
```
#48b8b0 rgb(72,184,176)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#48aeb8
```
#48aeb8 rgb(72,174,184)
```
#48a4b8
```
#48a4b8 rgb(72,164,184)
```
#489bb8
```
#489bb8 rgb(72,155,184)
```

Similar Colors

Text with hexadecimal color #48b7b8

This text has a font color of #48b7b8.

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

#48b7b8 background color

This paragraph has a background color of #48b7b8.

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

#48b7b8 border color

This element has a border color of #48b7b8.

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

CSS codes

.text {color:#48b7b8;}

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

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

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 #f2fafa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1d
```
#0b1d1d rgb(11,29,29)
```
#112b2b
```
#112b2b rgb(17,43,43)
```
#163939
```
#163939 rgb(22,57,57)
```
#1c4747
```
#1c4747 rgb(28,71,71)
```
#215556
```
#215556 rgb(33,85,86)
```
#276364
```
#276364 rgb(39,99,100)
```
#2c7172
```
#2c7172 rgb(44,113,114)
```
#327f80
```
#327f80 rgb(50,127,128)
```
#378d8e
```
#378d8e rgb(55,141,142)
```
#3d9b9c
```
#3d9b9c rgb(61,155,156)
```
#42a9aa
```
#42a9aa rgb(66,169,170)
```

Shade Color Variation

#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#56bdbd
```
#56bdbd rgb(86,189,189)
```
#64c2c3
```
#64c2c3 rgb(100,194,195)
```
#72c8c8
```
#72c8c8 rgb(114,200,200)
```
#81cdce
```
#81cdce rgb(129,205,206)
```
#8fd3d3
```
#8fd3d3 rgb(143,211,211)
```
#9dd8d9
```
#9dd8d9 rgb(157,216,217)
```
#abdede
```
#abdede rgb(171,222,222)
```
#b9e3e4
```
#b9e3e4 rgb(185,227,228)
```
#c7e9e9
```
#c7e9e9 rgb(199,233,233)
```
#d5efef
```
#d5efef rgb(213,239,239)
```
#e3f4f4
```
#e3f4f4 rgb(227,244,244)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#798787
```
#798787 rgb(121,135,135)
```
#6f9191
```
#6f9191 rgb(111,145,145)
```
#659a9b
```
#659a9b rgb(101,154,155)
```
#5ca4a4
```
#5ca4a4 rgb(92,164,164)
```
#52adae
```
#52adae rgb(82,173,174)
```
#48b7b8
```
#48b7b8 rgb(72,183,184)
```
#3ec1c2
```
#3ec1c2 rgb(62,193,194)
```
#34cacc
```
#34cacc rgb(52,202,204)
```
#2bd4d5
```
#2bd4d5 rgb(43,212,213)
```
#21dddf
```
#21dddf rgb(33,221,223)
```
#17e7e9
```
#17e7e9 rgb(23,231,233)
```
#0df1f3
```
#0df1f3 rgb(13,241,243)
```
#04fafc
```
#04fafc rgb(4,250,252)
```

Tone Color Variation

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

Dichromacy

#acaab2 Protanopia 1% of men
#b0a7c2 Deuteranopia 1% of men
#57b9c6 Tritanopia 0.001% of the population

Trichromacy

#87afb4 Protanomaly 1% of men, 0.01% of women
#8aadbe Deuteranomaly 6% of men, 0.4% of women
#51b8c1 Tritanomaly 0.01% of the population

#48b7b8 hex color

#48b7b8 Color Information

#48b7b8 Color Conversion

Color Schemes with #48b7b8

Alternatives to #48b7b8

#48b7b8 Preview

Shades and Tints of #48b7b8

Tones of #48b7b8

Color Blindness Simulator