#48a5dc Color Information
In a RGB color space, hex #48a5dc is composed of 28.2% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.3 degrees, a saturation of 67.9% and a lightness of 57.3%. #48a5dc color hex could be obtained by blending #90ffff with #004bb9. Closest websafe color is: #3399cc.
-
- R 28
- G 65
- B 86
-
- C 67
- M 25
- Y 0
- K 14
● #48a5dc color description : Soft blue.
#48a5dc Color Conversion
The hexadecimal color #48a5dc has RGB values of R:72, G:165, B:220 and CMYK values of C:0.67, M:0.25, Y:0, K:0.14. Its decimal value is 4761052.
Hex triplet | 48a5dc | #48a5dc |
---|---|---|
RGB Decimal | 72, 165, 220 | rgb(72,165,220) |
RGB Percent | 28.2, 64.7, 86.3 | rgb(28.2%,64.7%,86.3%) |
CMYK | 67, 25, 0, 14 | |
HSL | 202.3°, 67.9, 57.3 | hsl(202.3,67.9%,57.3%) |
HSV (or HSB) | 202.3°, 67.3, 86.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.526, -10.323, -35.913 |
---|---|
XYZ | 29.043, 33.453, 72.633 |
xyY | 0.215, 0.248, 33.453 |
CIE-LCH | 64.526, 37.368, 253.963 |
CIE-LUV | 64.526, -35.805, -55.55 |
Hunter-Lab | 57.839, -11.587, -33.968 |
Binary | 01001000, 10100101, 11011100 |
Color Schemes with #48a5dc
Alternatives to #48a5dc
Below, you can see some colors close to #48a5dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a5dc Preview
This text has a font color of #48a5dc.
<span style="color:#48a5dc;">Text here</span>
This paragraph has a background color of #48a5dc.
<p style="background-color:#48a5dc;">Content here</p>
This element has a border color of #48a5dc.
<div style="border:1px solid #48a5dc;">Content here</div>
.text {color:#48a5dc;}
.background {background-color:#48a5dc;}
.border {border:1px solid #48a5dc;}
Shades and Tints of #48a5dc
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, #030a0f is the darkest color, while #fdfeff is the lightest one.
-
#030a0f
#030a0f
rgb(3,10,15)
-
#06161f
#06161f
rgb(6,22,31)
-
#092130
#092130
rgb(9,33,48)
-
#0c2d40
#0c2d40
rgb(12,45,64)
-
#0f3850
#0f3850
rgb(15,56,80)
-
#134461
#134461
rgb(19,68,97)
-
#164f71
#164f71
rgb(22,79,113)
-
#195b82
#195b82
rgb(25,91,130)
-
#1c6692
#1c6692
rgb(28,102,146)
-
#1f72a3
#1f72a3
rgb(31,114,163)
-
#227db3
#227db3
rgb(34,125,179)
-
#2589c4
#2589c4
rgb(37,137,196)
-
#2994d4
#2994d4
rgb(41,148,212)
-
#389dd9
#389dd9
rgb(56,157,217)
-
#48a5dc
#48a5dc
rgb(72,165,220)
-
#58addf
#58addf
rgb(88,173,223)
-
#69b5e2
#69b5e2
rgb(105,181,226)
-
#79bde5
#79bde5
rgb(121,189,229)
-
#8ac5e9
#8ac5e9
rgb(138,197,233)
-
#9acdec
#9acdec
rgb(154,205,236)
-
#abd6ef
#abd6ef
rgb(171,214,239)
-
#bbdef2
#bbdef2
rgb(187,222,242)
-
#cce6f5
#cce6f5
rgb(204,230,245)
-
#dceef8
#dceef8
rgb(220,238,248)
-
#edf6fb
#edf6fb
rgb(237,246,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #48a5dc
A tone is produced by adding gray to any pure hue. In this case, #8b9499 is the less saturated color, while #26aefe is the most saturated one.
-
#8b9499
#8b9499
rgb(139,148,153)
-
#8396a1
#8396a1
rgb(131,150,161)
-
#7a98aa
#7a98aa
rgb(122,152,170)
-
#729ab2
#729ab2
rgb(114,154,178)
-
#6a9cba
#6a9cba
rgb(106,156,186)
-
#619fc3
#619fc3
rgb(97,159,195)
-
#59a1cb
#59a1cb
rgb(89,161,203)
-
#50a3d4
#50a3d4
rgb(80,163,212)
-
#48a5dc
#48a5dc
rgb(72,165,220)
-
#40a7e4
#40a7e4
rgb(64,167,228)
-
#37a9ed
#37a9ed
rgb(55,169,237)
-
#2fabf5
#2fabf5
rgb(47,171,245)
-
#26aefe
#26aefe
rgb(38,174,254)
Color Blindness Simulator
Below, you can see how #48a5dc 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.