#48a1fd Color Information
In a RGB color space, hex #48a1fd is composed of 28.2% red, 63.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 36.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.5 degrees, a saturation of 97.8% and a lightness of 63.7%. #48a1fd color hex could be obtained by blending #90ffff with #0043fb. Closest websafe color is: #3399ff.
-
- R 28
- G 63
- B 99
-
- C 72
- M 36
- Y 0
- K 1
● #48a1fd color description : Bright blue.
#48a1fd Color Conversion
The hexadecimal color #48a1fd has RGB values of R:72, G:161, B:253 and CMYK values of C:0.72, M:0.36, Y:0, K:0.01. Its decimal value is 4760061.
Hex triplet | 48a1fd | #48a1fd |
---|---|---|
RGB Decimal | 72, 161, 253 | rgb(72,161,253) |
RGB Percent | 28.2, 63.1, 99.2 | rgb(28.2%,63.1%,99.2%) |
CMYK | 72, 36, 0, 1 | |
HSL | 210.5°, 97.8, 63.7 | hsl(210.5,97.8%,63.7%) |
HSV (or HSB) | 210.5°, 71.5, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.928, 3.099, -53.393 |
---|---|
XYZ | 33.143, 33.957, 97.731 |
xyY | 0.201, 0.206, 33.957 |
CIE-LCH | 64.928, 53.483, 273.322 |
CIE-LUV | 64.928, -33.089, -86.632 |
Hunter-Lab | 58.272, -0.454, -58.647 |
Binary | 01001000, 10100001, 11111101 |
Color Schemes with #48a1fd
Alternatives to #48a1fd
Below, you can see some colors close to #48a1fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a1fd Preview
This text has a font color of #48a1fd.
<span style="color:#48a1fd;">Text here</span>
This paragraph has a background color of #48a1fd.
<p style="background-color:#48a1fd;">Content here</p>
This element has a border color of #48a1fd.
<div style="border:1px solid #48a1fd;">Content here</div>
.text {color:#48a1fd;}
.background {background-color:#48a1fd;}
.border {border:1px solid #48a1fd;}
Shades and Tints of #48a1fd
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, #00050b is the darkest color, while #f7fbff is the lightest one.
-
#00050b
#00050b
rgb(0,5,11)
-
#000f1e
#000f1e
rgb(0,15,30)
-
#011932
#011932
rgb(1,25,50)
-
#012245
#012245
rgb(1,34,69)
-
#012c59
#012c59
rgb(1,44,89)
-
#01366c
#01366c
rgb(1,54,108)
-
#013f7f
#013f7f
rgb(1,63,127)
-
#024993
#024993
rgb(2,73,147)
-
#0253a6
#0253a6
rgb(2,83,166)
-
#025cba
#025cba
rgb(2,92,186)
-
#0266cd
#0266cd
rgb(2,102,205)
-
#0270e0
#0270e0
rgb(2,112,224)
-
#0379f4
#0379f4
rgb(3,121,244)
-
#0e83fc
#0e83fc
rgb(14,131,252)
-
#218dfd
#218dfd
rgb(33,141,253)
-
#3597fd
#3597fd
rgb(53,151,253)
-
#48a1fd
#48a1fd
rgb(72,161,253)
-
#5babfd
#5babfd
rgb(91,171,253)
-
#6fb5fd
#6fb5fd
rgb(111,181,253)
-
#82bffe
#82bffe
rgb(130,191,254)
-
#96c9fe
#96c9fe
rgb(150,201,254)
-
#a9d3fe
#a9d3fe
rgb(169,211,254)
-
#bcddfe
#bcddfe
rgb(188,221,254)
-
#d0e7fe
#d0e7fe
rgb(208,231,254)
-
#e3f1ff
#e3f1ff
rgb(227,241,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #48a1fd
A tone is produced by adding gray to any pure hue. In this case, #9da2a8 is the less saturated color, while #48a1fd is the most saturated one.
-
#9da2a8
#9da2a8
rgb(157,162,168)
-
#96a2af
#96a2af
rgb(150,162,175)
-
#8fa2b6
#8fa2b6
rgb(143,162,182)
-
#88a2bd
#88a2bd
rgb(136,162,189)
-
#81a2c4
#81a2c4
rgb(129,162,196)
-
#7aa2cb
#7aa2cb
rgb(122,162,203)
-
#73a2d2
#73a2d2
rgb(115,162,210)
-
#6ca2d9
#6ca2d9
rgb(108,162,217)
-
#64a1e1
#64a1e1
rgb(100,161,225)
-
#5da1e8
#5da1e8
rgb(93,161,232)
-
#56a1ef
#56a1ef
rgb(86,161,239)
-
#4fa1f6
#4fa1f6
rgb(79,161,246)
-
#48a1fd
#48a1fd
rgb(72,161,253)
Color Blindness Simulator
Below, you can see how #48a1fd 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.