#48c5fd Color Information
In a RGB color space, hex #48c5fd is composed of 28.2% red, 77.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 22.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.6 degrees, a saturation of 97.8% and a lightness of 63.7%. #48c5fd color hex could be obtained by blending #90ffff with #008bfb. Closest websafe color is: #33ccff.
-
- R 28
- G 77
- B 99
-
- C 72
- M 22
- Y 0
- K 1
● #48c5fd color description : Bright blue.
#48c5fd Color Conversion
The hexadecimal color #48c5fd has RGB values of R:72, G:197, B:253 and CMYK values of C:0.72, M:0.22, Y:0, K:0.01. Its decimal value is 4769277.
Hex triplet | 48c5fd | #48c5fd |
---|---|---|
RGB Decimal | 72, 197, 253 | rgb(72,197,253) |
RGB Percent | 28.2, 77.3, 99.2 | rgb(28.2%,77.3%,99.2%) |
CMYK | 72, 22, 0, 1 | |
HSL | 198.6°, 97.8, 63.7 | hsl(198.6,97.8%,63.7%) |
HSV (or HSB) | 198.6°, 71.5, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.076, -16.741, -37.468 |
---|---|
XYZ | 40.364, 48.399, 100.138 |
xyY | 0.214, 0.256, 48.399 |
CIE-LCH | 75.076, 41.038, 245.925 |
CIE-LUV | 75.076, -45.372, -58.566 |
Hunter-Lab | 69.569, -18.181, -36.644 |
Binary | 01001000, 11000101, 11111101 |
Color Schemes with #48c5fd
Alternatives to #48c5fd
Below, you can see some colors close to #48c5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48c5fd Preview
This text has a font color of #48c5fd.
<span style="color:#48c5fd;">Text here</span>
This paragraph has a background color of #48c5fd.
<p style="background-color:#48c5fd;">Content here</p>
This element has a border color of #48c5fd.
<div style="border:1px solid #48c5fd;">Content here</div>
.text {color:#48c5fd;}
.background {background-color:#48c5fd;}
.border {border:1px solid #48c5fd;}
Shades and Tints of #48c5fd
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, #00080b is the darkest color, while #f7fcff is the lightest one.
-
#00080b
#00080b
rgb(0,8,11)
-
#00151e
#00151e
rgb(0,21,30)
-
#012332
#012332
rgb(1,35,50)
-
#013045
#013045
rgb(1,48,69)
-
#013e59
#013e59
rgb(1,62,89)
-
#014b6c
#014b6c
rgb(1,75,108)
-
#01587f
#01587f
rgb(1,88,127)
-
#026693
#026693
rgb(2,102,147)
-
#0273a6
#0273a6
rgb(2,115,166)
-
#0281ba
#0281ba
rgb(2,129,186)
-
#028ecd
#028ecd
rgb(2,142,205)
-
#029ce0
#029ce0
rgb(2,156,224)
-
#03a9f4
#03a9f4
rgb(3,169,244)
-
#0eb3fc
#0eb3fc
rgb(14,179,252)
-
#21b9fd
#21b9fd
rgb(33,185,253)
-
#35bffd
#35bffd
rgb(53,191,253)
-
#48c5fd
#48c5fd
rgb(72,197,253)
-
#5bcbfd
#5bcbfd
rgb(91,203,253)
-
#6fd1fd
#6fd1fd
rgb(111,209,253)
-
#82d7fe
#82d7fe
rgb(130,215,254)
-
#96defe
#96defe
rgb(150,222,254)
-
#a9e4fe
#a9e4fe
rgb(169,228,254)
-
#bceafe
#bceafe
rgb(188,234,254)
-
#d0f0fe
#d0f0fe
rgb(208,240,254)
-
#e3f6ff
#e3f6ff
rgb(227,246,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #48c5fd
A tone is produced by adding gray to any pure hue. In this case, #9da4a8 is the less saturated color, while #48c5fd is the most saturated one.
-
#9da4a8
#9da4a8
rgb(157,164,168)
-
#96a7af
#96a7af
rgb(150,167,175)
-
#8faab6
#8faab6
rgb(143,170,182)
-
#88adbd
#88adbd
rgb(136,173,189)
-
#81afc4
#81afc4
rgb(129,175,196)
-
#7ab2cb
#7ab2cb
rgb(122,178,203)
-
#73b5d2
#73b5d2
rgb(115,181,210)
-
#6cb7d9
#6cb7d9
rgb(108,183,217)
-
#64bae1
#64bae1
rgb(100,186,225)
-
#5dbde8
#5dbde8
rgb(93,189,232)
-
#56c0ef
#56c0ef
rgb(86,192,239)
-
#4fc2f6
#4fc2f6
rgb(79,194,246)
-
#48c5fd
#48c5fd
rgb(72,197,253)
Color Blindness Simulator
Below, you can see how #48c5fd 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.