#488dff Color Information
In a RGB color space, hex #488dff is composed of 28.2% red, 55.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 44.7% magenta, 0% yellow and 0% black. It has a hue angle of 217.4 degrees, a saturation of 100% and a lightness of 64.1%. #488dff color hex could be obtained by blending #90ffff with #001bff. Closest websafe color is: #3399ff.
-
- R 28
- G 55
- B 100
-
- C 72
- M 45
- Y 0
- K 0
● #488dff color description : Light blue.
#488dff Color Conversion
The hexadecimal color #488dff has RGB values of R:72, G:141, B:255 and CMYK values of C:0.72, M:0.45, Y:0, K:0. Its decimal value is 4754943.
Hex triplet | 488dff | #488dff |
---|---|---|
RGB Decimal | 72, 141, 255 | rgb(72,141,255) |
RGB Percent | 28.2, 55.3, 100 | rgb(28.2%,55.3%,100%) |
CMYK | 72, 45, 0, 0 | |
HSL | 217.4°, 100, 64.1 | hsl(217.4,100%,64.1%) |
HSV (or HSB) | 217.4°, 71.8, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 59.567, 15.631, -63.04 |
---|---|
XYZ | 30.243, 27.645, 98.344 |
xyY | 0.194, 0.177, 27.645 |
CIE-LCH | 59.567, 64.949, 283.926 |
CIE-LUV | 59.567, -26.601, -102.286 |
Hunter-Lab | 52.579, 10.661, -74.092 |
Binary | 01001000, 10001101, 11111111 |
Color Schemes with #488dff
Alternatives to #488dff
Below, you can see some colors close to #488dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#488dff Preview
This text has a font color of #488dff.
<span style="color:#488dff;">Text here</span>
This paragraph has a background color of #488dff.
<p style="background-color:#488dff;">Content here</p>
This element has a border color of #488dff.
<div style="border:1px solid #488dff;">Content here</div>
.text {color:#488dff;}
.background {background-color:#488dff;}
.border {border:1px solid #488dff;}
Shades and Tints of #488dff
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, #00050d is the darkest color, while #f9fbff is the lightest one.
-
#00050d
#00050d
rgb(0,5,13)
-
#000c21
#000c21
rgb(0,12,33)
-
#001434
#001434
rgb(0,20,52)
-
#001b48
#001b48
rgb(0,27,72)
-
#00235c
#00235c
rgb(0,35,92)
-
#002a6f
#002a6f
rgb(0,42,111)
-
#003183
#003183
rgb(0,49,131)
-
#003996
#003996
rgb(0,57,150)
-
#0040aa
#0040aa
rgb(0,64,170)
-
#0048be
#0048be
rgb(0,72,190)
-
#004fd1
#004fd1
rgb(0,79,209)
-
#0056e5
#0056e5
rgb(0,86,229)
-
#005ef9
#005ef9
rgb(0,94,249)
-
#0d68ff
#0d68ff
rgb(13,104,255)
-
#2175ff
#2175ff
rgb(33,117,255)
-
#3481ff
#3481ff
rgb(52,129,255)
-
#488dff
#488dff
rgb(72,141,255)
-
#5c99ff
#5c99ff
rgb(92,153,255)
-
#6fa5ff
#6fa5ff
rgb(111,165,255)
-
#83b2ff
#83b2ff
rgb(131,178,255)
-
#96beff
#96beff
rgb(150,190,255)
-
#aacaff
#aacaff
rgb(170,202,255)
-
#bed6ff
#bed6ff
rgb(190,214,255)
-
#d1e3ff
#d1e3ff
rgb(209,227,255)
-
#e5efff
#e5efff
rgb(229,239,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #488dff
A tone is produced by adding gray to any pure hue. In this case, #9ca2ab is the less saturated color, while #488dff is the most saturated one.
-
#9ca2ab
#9ca2ab
rgb(156,162,171)
-
#95a0b2
#95a0b2
rgb(149,160,178)
-
#8e9eb9
#8e9eb9
rgb(142,158,185)
-
#879dc0
#879dc0
rgb(135,157,192)
-
#809bc7
#809bc7
rgb(128,155,199)
-
#7999ce
#7999ce
rgb(121,153,206)
-
#7297d5
#7297d5
rgb(114,151,213)
-
#6b96dc
#6b96dc
rgb(107,150,220)
-
#6494e3
#6494e3
rgb(100,148,227)
-
#5d92ea
#5d92ea
rgb(93,146,234)
-
#5690f1
#5690f1
rgb(86,144,241)
-
#4f8ff8
#4f8ff8
rgb(79,143,248)
-
#488dff
#488dff
rgb(72,141,255)
Color Blindness Simulator
Below, you can see how #488dff 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.