#48b5fd Color Information
In a RGB color space, hex #48b5fd is composed of 28.2% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.9 degrees, a saturation of 97.8% and a lightness of 63.7%. #48b5fd color hex could be obtained by blending #90ffff with #006bfb. Closest websafe color is: #33ccff.
-
- R 28
- G 71
- B 99
-
- C 72
- M 28
- Y 0
- K 1
● #48b5fd color description : Bright blue.
#48b5fd Color Conversion
The hexadecimal color #48b5fd has RGB values of R:72, G:181, B:253 and CMYK values of C:0.72, M:0.28, Y:0, K:0.01. Its decimal value is 4765181.
Hex triplet | 48b5fd | #48b5fd |
---|---|---|
RGB Decimal | 72, 181, 253 | rgb(72,181,253) |
RGB Percent | 28.2, 71, 99.2 | rgb(28.2%,71%,99.2%) |
CMYK | 72, 28, 0, 1 | |
HSL | 203.9°, 97.8, 63.7 | hsl(203.9,97.8%,63.7%) |
HSV (or HSB) | 203.9°, 71.5, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.535, -8.17, -44.552 |
---|---|
XYZ | 36.922, 41.514, 98.99 |
xyY | 0.208, 0.234, 41.514 |
CIE-LCH | 70.535, 45.295, 259.608 |
CIE-LUV | 70.535, -39.845, -71.302 |
Hunter-Lab | 64.432, -10.468, -45.989 |
Binary | 01001000, 10110101, 11111101 |
Color Schemes with #48b5fd
Alternatives to #48b5fd
Below, you can see some colors close to #48b5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48b5fd Preview
This text has a font color of #48b5fd.
<span style="color:#48b5fd;">Text here</span>
This paragraph has a background color of #48b5fd.
<p style="background-color:#48b5fd;">Content here</p>
This element has a border color of #48b5fd.
<div style="border:1px solid #48b5fd;">Content here</div>
.text {color:#48b5fd;}
.background {background-color:#48b5fd;}
.border {border:1px solid #48b5fd;}
Shades and Tints of #48b5fd
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, #00070b is the darkest color, while #f7fcff is the lightest one.
-
#00070b
#00070b
rgb(0,7,11)
-
#00121e
#00121e
rgb(0,18,30)
-
#011e32
#011e32
rgb(1,30,50)
-
#012a45
#012a45
rgb(1,42,69)
-
#013659
#013659
rgb(1,54,89)
-
#01426c
#01426c
rgb(1,66,108)
-
#014d7f
#014d7f
rgb(1,77,127)
-
#025993
#025993
rgb(2,89,147)
-
#0265a6
#0265a6
rgb(2,101,166)
-
#0271ba
#0271ba
rgb(2,113,186)
-
#027ccd
#027ccd
rgb(2,124,205)
-
#0288e0
#0288e0
rgb(2,136,224)
-
#0394f4
#0394f4
rgb(3,148,244)
-
#0e9dfc
#0e9dfc
rgb(14,157,252)
-
#21a5fd
#21a5fd
rgb(33,165,253)
-
#35adfd
#35adfd
rgb(53,173,253)
-
#48b5fd
#48b5fd
rgb(72,181,253)
-
#5bbdfd
#5bbdfd
rgb(91,189,253)
-
#6fc5fd
#6fc5fd
rgb(111,197,253)
-
#82cdfe
#82cdfe
rgb(130,205,254)
-
#96d4fe
#96d4fe
rgb(150,212,254)
-
#a9dcfe
#a9dcfe
rgb(169,220,254)
-
#bce4fe
#bce4fe
rgb(188,228,254)
-
#d0ecfe
#d0ecfe
rgb(208,236,254)
-
#e3f4ff
#e3f4ff
rgb(227,244,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #48b5fd
A tone is produced by adding gray to any pure hue. In this case, #9da4a8 is the less saturated color, while #48b5fd is the most saturated one.
-
#9da4a8
#9da4a8
rgb(157,164,168)
-
#96a5af
#96a5af
rgb(150,165,175)
-
#8fa6b6
#8fa6b6
rgb(143,166,182)
-
#88a8bd
#88a8bd
rgb(136,168,189)
-
#81a9c4
#81a9c4
rgb(129,169,196)
-
#7aabcb
#7aabcb
rgb(122,171,203)
-
#73acd2
#73acd2
rgb(115,172,210)
-
#6caed9
#6caed9
rgb(108,174,217)
-
#64afe1
#64afe1
rgb(100,175,225)
-
#5db1e8
#5db1e8
rgb(93,177,232)
-
#56b2ef
#56b2ef
rgb(86,178,239)
-
#4fb4f6
#4fb4f6
rgb(79,180,246)
-
#48b5fd
#48b5fd
rgb(72,181,253)
Color Blindness Simulator
Below, you can see how #48b5fd 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.