#48b9d7 hex color

In a RGB color space, hex #48b9d7 is composed of 28.2% red, 72.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 14% magenta, 0% yellow and 15.7% black. It has a hue angle of 192.6 degrees, a saturation of 64.1% and a lightness of 56.3%. #48b9d7 color hex could be obtained by blending #90ffff with #0073af. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 73
- B 84
RGB color chart
- C 67
- M 14
- Y 0
- K 16
CMYK color chart

● #48b9d7 color description : Moderate cyan.

The hexadecimal color #48b9d7 has RGB values of R:72, G:185, B:215 and CMYK values of C:0.67, M:0.14, Y:0, K:0.16. Its decimal value is 4766167.

Hex triplet	48b9d7	`#48b9d7`
RGB Decimal	72, 185, 215	`rgb(72,185,215)`
RGB Percent	28.2, 72.5, 84.3	`rgb(28.2%,72.5%,84.3%)`
CMYK	67, 14, 0, 16
HSL	192.6°, 64.1, 56.3	`hsl(192.6,64.1%,56.3%)`
HSV (or HSB)	192.6°, 66.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.161, -22.524, -24.465
XYZ	32.284, 40.979, 70.495
xyY	0.225, 0.285, 40.979
CIE-LCH	70.161, 33.255, 227.365
CIE-LUV	70.161, -43.245, -35.31
Hunter-Lab	64.015, -22.006, -20.481
Binary	01001000, 10111001, 11010111

#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#d76648
```
#d76648 rgb(215,102,72)
```

Complementary Color

#48d7ae
```
#48d7ae rgb(72,215,174)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#4872d7
```
#4872d7 rgb(72,114,215)
```

Analogous Color

#d7ae48
```
#d7ae48 rgb(215,174,72)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#d74872
```
#d74872 rgb(215,72,114)
```

Split Complementary Color

#b9d748
```
#b9d748 rgb(185,215,72)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#d748b9
```
#d748b9 rgb(215,72,185)
```

Triadic Color

#48d766
```
#48d766 rgb(72,215,102)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#d748b9
```
#d748b9 rgb(215,72,185)
```
#d76648
```
#d76648 rgb(215,102,72)
```

Tetradic Color

#2690ad
```
#2690ad rgb(38,144,173)
```
#2aa2c2
```
#2aa2c2 rgb(42,162,194)
```
#33b1d2
```
#33b1d2 rgb(51,177,210)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#72c9e0
```
#72c9e0 rgb(114,201,224)
```
#87d1e5
```
#87d1e5 rgb(135,209,229)
```

Monochromatic Color

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

#48d7d1
```
#48d7d1 rgb(72,215,209)
```
#48d1d7
```
#48d1d7 rgb(72,209,215)
```
#48c5d7
```
#48c5d7 rgb(72,197,215)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#48add7
```
#48add7 rgb(72,173,215)
```
#48a1d7
```
#48a1d7 rgb(72,161,215)
```
#4895d7
```
#4895d7 rgb(72,149,215)
```

Similar Colors

Text with hexadecimal color #48b9d7

This text has a font color of #48b9d7.

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

#48b9d7 background color

This paragraph has a background color of #48b9d7.

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

#48b9d7 border color

This element has a border color of #48b9d7.

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

CSS codes

.text {color:#48b9d7;}

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

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

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, #02080a is the darkest color, while #f9fdfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06161a
```
#06161a rgb(6,22,26)
```
#09232a
```
#09232a rgb(9,35,42)
```
#0d313a
```
#0d313a rgb(13,49,58)
```
#103e4b
```
#103e4b rgb(16,62,75)
```
#144c5b
```
#144c5b rgb(20,76,91)
```
#17596b
```
#17596b rgb(23,89,107)
```
#1b677b
```
#1b677b rgb(27,103,123)
```
#1e748b
```
#1e748b rgb(30,116,139)
```
#22829b
```
#22829b rgb(34,130,155)
```
#258fab
```
#258fab rgb(37,143,171)
```
#299dbb
```
#299dbb rgb(41,157,187)
```
#2caacb
```
#2caacb rgb(44,170,203)
```

Shade Color Variation

#38b3d3
```
#38b3d3 rgb(56,179,211)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#58bfdb
```
#58bfdb rgb(88,191,219)
```
#68c5de
```
#68c5de rgb(104,197,222)
```
#78cbe2
```
#78cbe2 rgb(120,203,226)
```
#88d2e5
```
#88d2e5 rgb(136,210,229)
```
#98d8e9
```
#98d8e9 rgb(152,216,233)
```
#a9deec
```
#a9deec rgb(169,222,236)
```
#b9e4f0
```
#b9e4f0 rgb(185,228,240)
```
#c9eaf3
```
#c9eaf3 rgb(201,234,243)
```
#d9f0f7
```
#d9f0f7 rgb(217,240,247)
```
#e9f7fa
```
#e9f7fa rgb(233,247,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9192 is the less saturated color, while #26cdf9 is the most saturated one.

#8d9192
```
#8d9192 rgb(141,145,146)
```
#84969b
```
#84969b rgb(132,150,155)
```
#7b9ba4
```
#7b9ba4 rgb(123,155,164)
```
#73a0ac
```
#73a0ac rgb(115,160,172)
```
#6aa5b5
```
#6aa5b5 rgb(106,165,181)
```
#62aabd
```
#62aabd rgb(98,170,189)
```
#59afc6
```
#59afc6 rgb(89,175,198)
```
#51b4ce
```
#51b4ce rgb(81,180,206)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#3fbee0
```
#3fbee0 rgb(63,190,224)
```
#37c3e8
```
#37c3e8 rgb(55,195,232)
```
#2ec8f1
```
#2ec8f1 rgb(46,200,241)
```
#26cdf9
```
#26cdf9 rgb(38,205,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aed0 Protanopia 1% of men
#a5addf Deuteranopia 1% of men
#48becc Tritanopia 0.001% of the population

Trichromacy

#85b2d2 Protanomaly 1% of men, 0.01% of women
#83b1dc Deuteranomaly 6% of men, 0.4% of women
#48bcd0 Tritanomaly 0.01% of the population

#48b9d7 hex color

#48b9d7 Color Information

#48b9d7 Color Conversion

Color Schemes with #48b9d7

Alternatives to #48b9d7

#48b9d7 Preview

Shades and Tints of #48b9d7

Tones of #48b9d7

Color Blindness Simulator