#48b4e1 Color Information
In a RGB color space, hex #48b4e1 is composed of 28.2% red, 70.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 20% magenta, 0% yellow and 11.8% black. It has a hue angle of 197.6 degrees, a saturation of 71.8% and a lightness of 58.2%. #48b4e1 color hex could be obtained by blending #90ffff with #0069c3. Closest websafe color is: #33cccc.
-
- R 28
- G 71
- B 88
-
- C 68
- M 20
- Y 0
- K 12
● #48b4e1 color description : Soft blue.
#48b4e1 Color Conversion
The hexadecimal color #48b4e1 has RGB values of R:72, G:180, B:225 and CMYK values of C:0.68, M:0.2, Y:0, K:0.12. Its decimal value is 4764897.
Hex triplet | 48b4e1 | #48b4e1 |
---|---|---|
RGB Decimal | 72, 180, 225 | rgb(72,180,225) |
RGB Percent | 28.2, 70.6, 88.2 | rgb(28.2%,70.6%,88.2%) |
CMYK | 68, 20, 0, 12 | |
HSL | 197.6°, 71.8, 58.2 | hsl(197.6,71.8%,58.2%) |
HSV (or HSB) | 197.6°, 68, 88.2 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.079, -16.791, -31.597 |
---|---|
XYZ | 32.581, 39.454, 77.128 |
xyY | 0.218, 0.265, 39.454 |
CIE-LCH | 69.079, 35.782, 242.013 |
CIE-LUV | 69.079, -40.907, -47.962 |
Hunter-Lab | 62.812, -17.333, -28.835 |
Binary | 01001000, 10110100, 11100001 |
Color Schemes with #48b4e1
Alternatives to #48b4e1
Below, you can see some colors close to #48b4e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48b4e1 Preview
This text has a font color of #48b4e1.
<span style="color:#48b4e1;">Text here</span>
This paragraph has a background color of #48b4e1.
<p style="background-color:#48b4e1;">Content here</p>
This element has a border color of #48b4e1.
<div style="border:1px solid #48b4e1;">Content here</div>
.text {color:#48b4e1;}
.background {background-color:#48b4e1;}
.border {border:1px solid #48b4e1;}
Shades and Tints of #48b4e1
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, #000202 is the darkest color, while #f1f9fd is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#030f13
#030f13
rgb(3,15,19)
-
#061b24
#061b24
rgb(6,27,36)
-
#092835
#092835
rgb(9,40,53)
-
#0b3546
#0b3546
rgb(11,53,70)
-
#0e4157
#0e4157
rgb(14,65,87)
-
#114e67
#114e67
rgb(17,78,103)
-
#145b78
#145b78
rgb(20,91,120)
-
#166789
#166789
rgb(22,103,137)
-
#19749a
#19749a
rgb(25,116,154)
-
#1c81ab
#1c81ab
rgb(28,129,171)
-
#1f8ebc
#1f8ebc
rgb(31,142,188)
-
#229acd
#229acd
rgb(34,154,205)
-
#26a6db
#26a6db
rgb(38,166,219)
-
#37adde
#37adde
rgb(55,173,222)
-
#48b4e1
#48b4e1
rgb(72,180,225)
-
#59bbe4
#59bbe4
rgb(89,187,228)
-
#6ac2e7
#6ac2e7
rgb(106,194,231)
-
#7bc9e9
#7bc9e9
rgb(123,201,233)
-
#8bd0ec
#8bd0ec
rgb(139,208,236)
-
#9cd7ef
#9cd7ef
rgb(156,215,239)
-
#adddf2
#adddf2
rgb(173,221,242)
-
#bee4f4
#bee4f4
rgb(190,228,244)
-
#cfebf7
#cfebf7
rgb(207,235,247)
-
#e0f2fa
#e0f2fa
rgb(224,242,250)
-
#f1f9fd
#f1f9fd
rgb(241,249,253)
Tones of #48b4e1
A tone is produced by adding gray to any pure hue. In this case, #929697 is the less saturated color, while #2fbefa is the most saturated one.
-
#929697
#929697
rgb(146,150,151)
-
#8a999f
#8a999f
rgb(138,153,159)
-
#819ca8
#819ca8
rgb(129,156,168)
-
#79a0b0
#79a0b0
rgb(121,160,176)
-
#71a3b8
#71a3b8
rgb(113,163,184)
-
#69a7c0
#69a7c0
rgb(105,167,192)
-
#61aac8
#61aac8
rgb(97,170,200)
-
#58add1
#58add1
rgb(88,173,209)
-
#50b1d9
#50b1d9
rgb(80,177,217)
-
#48b4e1
#48b4e1
rgb(72,180,225)
-
#40b7e9
#40b7e9
rgb(64,183,233)
-
#38bbf1
#38bbf1
rgb(56,187,241)
-
#2fbefa
#2fbefa
rgb(47,190,250)
Color Blindness Simulator
Below, you can see how #48b4e1 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.