#48b4fd Color Information
In a RGB color space, hex #48b4fd is composed of 28.2% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.2 degrees, a saturation of 97.8% and a lightness of 63.7%. #48b4fd color hex could be obtained by blending #90ffff with #0069fb. Closest websafe color is: #33ccff.
-
- R 28
- G 71
- B 99
-
- C 72
- M 29
- Y 0
- K 1
● #48b4fd color description : Bright blue.
#48b4fd Color Conversion
The hexadecimal color #48b4fd has RGB values of R:72, G:180, B:253 and CMYK values of C:0.72, M:0.29, Y:0, K:0.01. Its decimal value is 4764925.
Hex triplet | 48b4fd | #48b4fd |
---|---|---|
RGB Decimal | 72, 180, 253 | rgb(72,180,253) |
RGB Percent | 28.2, 70.6, 99.2 | rgb(28.2%,70.6%,99.2%) |
CMYK | 72, 29, 0, 1 | |
HSL | 204.2°, 97.8, 63.7 | hsl(204.2,97.8%,63.7%) |
HSV (or HSB) | 204.2°, 71.5, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.252, -7.621, -44.995 |
---|---|
XYZ | 36.719, 41.109, 98.923 |
xyY | 0.208, 0.233, 41.109 |
CIE-LCH | 70.252, 45.636, 260.387 |
CIE-LUV | 70.252, -39.503, -72.087 |
Hunter-Lab | 64.116, -9.978, -46.595 |
Binary | 01001000, 10110100, 11111101 |
Color Schemes with #48b4fd
Alternatives to #48b4fd
Below, you can see some colors close to #48b4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48b4fd Preview
This text has a font color of #48b4fd.
<span style="color:#48b4fd;">Text here</span>
This paragraph has a background color of #48b4fd.
<p style="background-color:#48b4fd;">Content here</p>
This element has a border color of #48b4fd.
<div style="border:1px solid #48b4fd;">Content here</div>
.text {color:#48b4fd;}
.background {background-color:#48b4fd;}
.border {border:1px solid #48b4fd;}
Shades and Tints of #48b4fd
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)
-
#013559
#013559
rgb(1,53,89)
-
#01416c
#01416c
rgb(1,65,108)
-
#014d7f
#014d7f
rgb(1,77,127)
-
#025893
#025893
rgb(2,88,147)
-
#0264a6
#0264a6
rgb(2,100,166)
-
#0270ba
#0270ba
rgb(2,112,186)
-
#027bcd
#027bcd
rgb(2,123,205)
-
#0287e0
#0287e0
rgb(2,135,224)
-
#0393f4
#0393f4
rgb(3,147,244)
-
#0e9cfc
#0e9cfc
rgb(14,156,252)
-
#21a4fd
#21a4fd
rgb(33,164,253)
-
#35acfd
#35acfd
rgb(53,172,253)
-
#48b4fd
#48b4fd
rgb(72,180,253)
-
#5bbcfd
#5bbcfd
rgb(91,188,253)
-
#6fc4fd
#6fc4fd
rgb(111,196,253)
-
#82ccfe
#82ccfe
rgb(130,204,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 #48b4fd
A tone is produced by adding gray to any pure hue. In this case, #9da3a8 is the less saturated color, while #48b4fd is the most saturated one.
-
#9da3a8
#9da3a8
rgb(157,163,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)
-
#7aaacb
#7aaacb
rgb(122,170,203)
-
#73acd2
#73acd2
rgb(115,172,210)
-
#6cadd9
#6cadd9
rgb(108,173,217)
-
#64aee1
#64aee1
rgb(100,174,225)
-
#5db0e8
#5db0e8
rgb(93,176,232)
-
#56b1ef
#56b1ef
rgb(86,177,239)
-
#4fb3f6
#4fb3f6
rgb(79,179,246)
-
#48b4fd
#48b4fd
rgb(72,180,253)
Color Blindness Simulator
Below, you can see how #48b4fd 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.