#48a5ed Color Information
In a RGB color space, hex #48a5ed is composed of 28.2% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.2 degrees, a saturation of 82.1% and a lightness of 60.6%. #48a5ed color hex could be obtained by blending #90ffff with #004bdb. Closest websafe color is: #3399ff.
-
- R 28
- G 65
- B 93
-
- C 70
- M 30
- Y 0
- K 7
● #48a5ed color description : Soft blue.
#48a5ed Color Conversion
The hexadecimal color #48a5ed has RGB values of R:72, G:165, B:237 and CMYK values of C:0.7, M:0.3, Y:0, K:0.07. Its decimal value is 4761069.
Hex triplet | 48a5ed | #48a5ed |
---|---|---|
RGB Decimal | 72, 165, 237 | rgb(72,165,237) |
RGB Percent | 28.2, 64.7, 92.9 | rgb(28.2%,64.7%,92.9%) |
CMYK | 70, 30, 0, 7 | |
HSL | 206.2°, 82.1, 60.6 | hsl(206.2,82.1%,60.6%) |
HSV (or HSB) | 206.2°, 69.6, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.279, -4.655, -44.092 |
---|---|
XYZ | 31.41, 34.4, 85.101 |
xyY | 0.208, 0.228, 34.4 |
CIE-LCH | 65.279, 44.337, 263.973 |
CIE-LUV | 65.279, -35.065, -70.134 |
Hunter-Lab | 58.651, -7.047, -44.971 |
Binary | 01001000, 10100101, 11101101 |
Color Schemes with #48a5ed
Alternatives to #48a5ed
Below, you can see some colors close to #48a5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a5ed Preview
This text has a font color of #48a5ed.
<span style="color:#48a5ed;">Text here</span>
This paragraph has a background color of #48a5ed.
<p style="background-color:#48a5ed;">Content here</p>
This element has a border color of #48a5ed.
<div style="border:1px solid #48a5ed;">Content here</div>
.text {color:#48a5ed;}
.background {background-color:#48a5ed;}
.border {border:1px solid #48a5ed;}
Shades and Tints of #48a5ed
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, #01080d is the darkest color, while #fbfdff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#03131f
#03131f
rgb(3,19,31)
-
#051e31
#051e31
rgb(5,30,49)
-
#072943
#072943
rgb(7,41,67)
-
#083355
#083355
rgb(8,51,85)
-
#0a3e67
#0a3e67
rgb(10,62,103)
-
#0c4979
#0c4979
rgb(12,73,121)
-
#0e548a
#0e548a
rgb(14,84,138)
-
#0f5f9c
#0f5f9c
rgb(15,95,156)
-
#116aae
#116aae
rgb(17,106,174)
-
#1374c0
#1374c0
rgb(19,116,192)
-
#157fd2
#157fd2
rgb(21,127,210)
-
#168ae4
#168ae4
rgb(22,138,228)
-
#2493e9
#2493e9
rgb(36,147,233)
-
#369ceb
#369ceb
rgb(54,156,235)
-
#48a5ed
#48a5ed
rgb(72,165,237)
-
#5aaeef
#5aaeef
rgb(90,174,239)
-
#6cb7f1
#6cb7f1
rgb(108,183,241)
-
#7ebff2
#7ebff2
rgb(126,191,242)
-
#8fc8f4
#8fc8f4
rgb(143,200,244)
-
#a1d1f6
#a1d1f6
rgb(161,209,246)
-
#b3daf8
#b3daf8
rgb(179,218,248)
-
#c5e2f9
#c5e2f9
rgb(197,226,249)
-
#d7ebfb
#d7ebfb
rgb(215,235,251)
-
#e9f4fd
#e9f4fd
rgb(233,244,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #48a5ed
A tone is produced by adding gray to any pure hue. In this case, #959ba0 is the less saturated color, while #39a7fc is the most saturated one.
-
#959ba0
#959ba0
rgb(149,155,160)
-
#8e9ca7
#8e9ca7
rgb(142,156,167)
-
#869daf
#869daf
rgb(134,157,175)
-
#7e9eb7
#7e9eb7
rgb(126,158,183)
-
#769fbf
#769fbf
rgb(118,159,191)
-
#6fa0c6
#6fa0c6
rgb(111,160,198)
-
#67a1ce
#67a1ce
rgb(103,161,206)
-
#5fa2d6
#5fa2d6
rgb(95,162,214)
-
#57a3de
#57a3de
rgb(87,163,222)
-
#50a4e5
#50a4e5
rgb(80,164,229)
-
#48a5ed
#48a5ed
rgb(72,165,237)
-
#40a6f5
#40a6f5
rgb(64,166,245)
-
#39a7fc
#39a7fc
rgb(57,167,252)
Color Blindness Simulator
Below, you can see how #48a5ed 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.