#48a2e5 Color Information
In a RGB color space, hex #48a2e5 is composed of 28.2% red, 63.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 29.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 205.6 degrees, a saturation of 75.1% and a lightness of 59%. #48a2e5 color hex could be obtained by blending #90ffff with #0045cb. Closest websafe color is: #3399cc.
-
- R 28
- G 64
- B 90
-
- C 69
- M 29
- Y 0
- K 10
● #48a2e5 color description : Soft blue.
#48a2e5 Color Conversion
The hexadecimal color #48a2e5 has RGB values of R:72, G:162, B:229 and CMYK values of C:0.69, M:0.29, Y:0, K:0.1. Its decimal value is 4760293.
Hex triplet | 48a2e5 | #48a2e5 |
---|---|---|
RGB Decimal | 72, 162, 229 | rgb(72,162,229) |
RGB Percent | 28.2, 63.5, 89.8 | rgb(28.2%,63.5%,89.8%) |
CMYK | 69, 29, 0, 10 | |
HSL | 205.6°, 75.1, 59 | hsl(205.6,75.1%,59%) |
HSV (or HSB) | 205.6°, 68.6, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.058, -5.662, -41.61 |
---|---|
XYZ | 29.732, 32.873, 78.903 |
xyY | 0.21, 0.232, 32.873 |
CIE-LCH | 64.058, 41.994, 262.252 |
CIE-LUV | 64.058, -34.359, -65.631 |
Hunter-Lab | 57.335, -7.772, -41.458 |
Binary | 01001000, 10100010, 11100101 |
Color Schemes with #48a2e5
Alternatives to #48a2e5
Below, you can see some colors close to #48a2e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a2e5 Preview
This text has a font color of #48a2e5.
<span style="color:#48a2e5;">Text here</span>
This paragraph has a background color of #48a2e5.
<p style="background-color:#48a2e5;">Content here</p>
This element has a border color of #48a2e5.
<div style="border:1px solid #48a2e5;">Content here</div>
.text {color:#48a2e5;}
.background {background-color:#48a2e5;}
.border {border:1px solid #48a2e5;}
Shades and Tints of #48a2e5
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, #010406 is the darkest color, while #f4f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#030f17
#030f17
rgb(3,15,23)
-
#061a28
#061a28
rgb(6,26,40)
-
#082439
#082439
rgb(8,36,57)
-
#0b2f4b
#0b2f4b
rgb(11,47,75)
-
#0d3a5c
#0d3a5c
rgb(13,58,92)
-
#0f456d
#0f456d
rgb(15,69,109)
-
#12507e
#12507e
rgb(18,80,126)
-
#145b8f
#145b8f
rgb(20,91,143)
-
#1766a1
#1766a1
rgb(23,102,161)
-
#1971b2
#1971b2
rgb(25,113,178)
-
#1c7cc3
#1c7cc3
rgb(28,124,195)
-
#1e86d4
#1e86d4
rgb(30,134,212)
-
#2691e0
#2691e0
rgb(38,145,224)
-
#3799e3
#3799e3
rgb(55,153,227)
-
#48a2e5
#48a2e5
rgb(72,162,229)
-
#59abe7
#59abe7
rgb(89,171,231)
-
#6ab3ea
#6ab3ea
rgb(106,179,234)
-
#7cbcec
#7cbcec
rgb(124,188,236)
-
#8dc5ef
#8dc5ef
rgb(141,197,239)
-
#9ecef1
#9ecef1
rgb(158,206,241)
-
#afd6f4
#afd6f4
rgb(175,214,244)
-
#c0dff6
#c0dff6
rgb(192,223,246)
-
#d1e8f9
#d1e8f9
rgb(209,232,249)
-
#e3f1fb
#e3f1fb
rgb(227,241,251)
-
#f4f9fd
#f4f9fd
rgb(244,249,253)
Tones of #48a2e5
A tone is produced by adding gray to any pure hue. In this case, #90979d is the less saturated color, while #30a6fd is the most saturated one.
-
#90979d
#90979d
rgb(144,151,157)
-
#8899a5
#8899a5
rgb(136,153,165)
-
#809aad
#809aad
rgb(128,154,173)
-
#789bb5
#789bb5
rgb(120,155,181)
-
#709cbd
#709cbd
rgb(112,156,189)
-
#689dc5
#689dc5
rgb(104,157,197)
-
#609ecd
#609ecd
rgb(96,158,205)
-
#58a0d5
#58a0d5
rgb(88,160,213)
-
#50a1dd
#50a1dd
rgb(80,161,221)
-
#48a2e5
#48a2e5
rgb(72,162,229)
-
#40a3ed
#40a3ed
rgb(64,163,237)
-
#38a4f5
#38a4f5
rgb(56,164,245)
-
#30a6fd
#30a6fd
rgb(48,166,253)
Color Blindness Simulator
Below, you can see how #48a2e5 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.