#48a4fd Color Information
In a RGB color space, hex #48a4fd is composed of 28.2% red, 64.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 35.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 209.5 degrees, a saturation of 97.8% and a lightness of 63.7%. #48a4fd color hex could be obtained by blending #90ffff with #0049fb. Closest websafe color is: #3399ff.
-
- R 28
- G 64
- B 99
-
- C 72
- M 35
- Y 0
- K 1
● #48a4fd color description : Bright blue.
#48a4fd Color Conversion
The hexadecimal color #48a4fd has RGB values of R:72, G:164, B:253 and CMYK values of C:0.72, M:0.35, Y:0, K:0.01. Its decimal value is 4760829.
Hex triplet | 48a4fd | #48a4fd |
---|---|---|
RGB Decimal | 72, 164, 253 | rgb(72,164,253) |
RGB Percent | 28.2, 64.3, 99.2 | rgb(28.2%,64.3%,99.2%) |
CMYK | 72, 35, 0, 1 | |
HSL | 209.5°, 97.8, 63.7 | hsl(209.5,97.8%,63.7%) |
HSV (or HSB) | 209.5°, 71.5, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.763, 1.371, -52.071 |
---|---|
XYZ | 33.673, 35.018, 97.908 |
xyY | 0.202, 0.21, 35.018 |
CIE-LCH | 65.763, 52.089, 271.508 |
CIE-LUV | 65.763, -34.087, -84.395 |
Hunter-Lab | 59.176, -1.984, -56.673 |
Binary | 01001000, 10100100, 11111101 |
Color Schemes with #48a4fd
Alternatives to #48a4fd
Below, you can see some colors close to #48a4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#48a4fd Preview
This text has a font color of #48a4fd.
<span style="color:#48a4fd;">Text here</span>
This paragraph has a background color of #48a4fd.
<p style="background-color:#48a4fd;">Content here</p>
This element has a border color of #48a4fd.
<div style="border:1px solid #48a4fd;">Content here</div>
.text {color:#48a4fd;}
.background {background-color:#48a4fd;}
.border {border:1px solid #48a4fd;}
Shades and Tints of #48a4fd
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, #00060b is the darkest color, while #f7fbff is the lightest one.
-
#00060b
#00060b
rgb(0,6,11)
-
#00101e
#00101e
rgb(0,16,30)
-
#011a32
#011a32
rgb(1,26,50)
-
#012445
#012445
rgb(1,36,69)
-
#012e59
#012e59
rgb(1,46,89)
-
#01386c
#01386c
rgb(1,56,108)
-
#01417f
#01417f
rgb(1,65,127)
-
#024b93
#024b93
rgb(2,75,147)
-
#0255a6
#0255a6
rgb(2,85,166)
-
#025fba
#025fba
rgb(2,95,186)
-
#0269cd
#0269cd
rgb(2,105,205)
-
#0273e0
#0273e0
rgb(2,115,224)
-
#037df4
#037df4
rgb(3,125,244)
-
#0e87fc
#0e87fc
rgb(14,135,252)
-
#2191fd
#2191fd
rgb(33,145,253)
-
#359afd
#359afd
rgb(53,154,253)
-
#48a4fd
#48a4fd
rgb(72,164,253)
-
#5baefd
#5baefd
rgb(91,174,253)
-
#6fb7fd
#6fb7fd
rgb(111,183,253)
-
#82c1fe
#82c1fe
rgb(130,193,254)
-
#96cbfe
#96cbfe
rgb(150,203,254)
-
#a9d4fe
#a9d4fe
rgb(169,212,254)
-
#bcdefe
#bcdefe
rgb(188,222,254)
-
#d0e8fe
#d0e8fe
rgb(208,232,254)
-
#e3f1ff
#e3f1ff
rgb(227,241,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #48a4fd
A tone is produced by adding gray to any pure hue. In this case, #9da3a8 is the less saturated color, while #48a4fd is the most saturated one.
-
#9da3a8
#9da3a8
rgb(157,163,168)
-
#96a3af
#96a3af
rgb(150,163,175)
-
#8fa3b6
#8fa3b6
rgb(143,163,182)
-
#88a3bd
#88a3bd
rgb(136,163,189)
-
#81a3c4
#81a3c4
rgb(129,163,196)
-
#7aa3cb
#7aa3cb
rgb(122,163,203)
-
#73a3d2
#73a3d2
rgb(115,163,210)
-
#6ca3d9
#6ca3d9
rgb(108,163,217)
-
#64a4e1
#64a4e1
rgb(100,164,225)
-
#5da4e8
#5da4e8
rgb(93,164,232)
-
#56a4ef
#56a4ef
rgb(86,164,239)
-
#4fa4f6
#4fa4f6
rgb(79,164,246)
-
#48a4fd
#48a4fd
rgb(72,164,253)
Color Blindness Simulator
Below, you can see how #48a4fd 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.