#48b6fd Color Information
In a RGB color space, hex #48b6fd is composed of 28.2% red, 71.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 28.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.5 degrees, a saturation of 97.8% and a lightness of 63.7%. #48b6fd color hex could be obtained by blending #90ffff with #006dfb. Closest websafe color is: #33ccff.
-
- R 28
- G 71
- B 99
-
- C 72
- M 28
- Y 0
- K 1
● #48b6fd color description : Bright blue.
#48b6fd Color Conversion
The hexadecimal color #48b6fd has RGB values of R:72, G:182, B:253 and CMYK values of C:0.72, M:0.28, Y:0, K:0.01. Its decimal value is 4765437.
Hex triplet | 48b6fd | #48b6fd |
---|---|---|
RGB Decimal | 72, 182, 253 | rgb(72,182,253) |
RGB Percent | 28.2, 71.4, 99.2 | rgb(28.2%,71.4%,99.2%) |
CMYK | 72, 28, 0, 1 | |
HSL | 203.5°, 97.8, 63.7 | hsl(203.5,97.8%,63.7%) |
HSV (or HSB) | 203.5°, 71.5, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.817, -8.717, -44.109 |
---|---|
XYZ | 37.126, 41.922, 99.058 |
xyY | 0.208, 0.235, 41.922 |
CIE-LCH | 70.817, 44.962, 258.82 |
CIE-LUV | 70.817, -40.188, -70.514 |
Hunter-Lab | 64.748, -10.958, -45.385 |
Binary | 01001000, 10110110, 11111101 |
Color Schemes with #48b6fd
Alternatives to #48b6fd
Below, you can see some colors close to #48b6fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48b6fd Preview
This text has a font color of #48b6fd.
<span style="color:#48b6fd;">Text here</span>
This paragraph has a background color of #48b6fd.
<p style="background-color:#48b6fd;">Content here</p>
This element has a border color of #48b6fd.
<div style="border:1px solid #48b6fd;">Content here</div>
.text {color:#48b6fd;}
.background {background-color:#48b6fd;}
.border {border:1px solid #48b6fd;}
Shades and Tints of #48b6fd
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)
-
#00131e
#00131e
rgb(0,19,30)
-
#011f32
#011f32
rgb(1,31,50)
-
#012a45
#012a45
rgb(1,42,69)
-
#013659
#013659
rgb(1,54,89)
-
#01426c
#01426c
rgb(1,66,108)
-
#014e7f
#014e7f
rgb(1,78,127)
-
#025a93
#025a93
rgb(2,90,147)
-
#0266a6
#0266a6
rgb(2,102,166)
-
#0272ba
#0272ba
rgb(2,114,186)
-
#027ecd
#027ecd
rgb(2,126,205)
-
#0289e0
#0289e0
rgb(2,137,224)
-
#0395f4
#0395f4
rgb(3,149,244)
-
#0e9ffc
#0e9ffc
rgb(14,159,252)
-
#21a7fd
#21a7fd
rgb(33,167,253)
-
#35aefd
#35aefd
rgb(53,174,253)
-
#48b6fd
#48b6fd
rgb(72,182,253)
-
#5bbefd
#5bbefd
rgb(91,190,253)
-
#6fc5fd
#6fc5fd
rgb(111,197,253)
-
#82cdfe
#82cdfe
rgb(130,205,254)
-
#96d5fe
#96d5fe
rgb(150,213,254)
-
#a9ddfe
#a9ddfe
rgb(169,221,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 #48b6fd
A tone is produced by adding gray to any pure hue. In this case, #9da4a8 is the less saturated color, while #48b6fd is the most saturated one.
-
#9da4a8
#9da4a8
rgb(157,164,168)
-
#96a5af
#96a5af
rgb(150,165,175)
-
#8fa7b6
#8fa7b6
rgb(143,167,182)
-
#88a8bd
#88a8bd
rgb(136,168,189)
-
#81aac4
#81aac4
rgb(129,170,196)
-
#7aabcb
#7aabcb
rgb(122,171,203)
-
#73add2
#73add2
rgb(115,173,210)
-
#6caed9
#6caed9
rgb(108,174,217)
-
#64b0e1
#64b0e1
rgb(100,176,225)
-
#5db1e8
#5db1e8
rgb(93,177,232)
-
#56b3ef
#56b3ef
rgb(86,179,239)
-
#4fb4f6
#4fb4f6
rgb(79,180,246)
-
#48b6fd
#48b6fd
rgb(72,182,253)
Color Blindness Simulator
Below, you can see how #48b6fd 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.