#5482ff Color Information
In a RGB color space, hex #5482ff is composed of 32.9% red, 51% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 49% magenta, 0% yellow and 0% black. It has a hue angle of 223.9 degrees, a saturation of 100% and a lightness of 66.5%. #5482ff color hex could be obtained by blending #a8ffff with #0005ff. Closest websafe color is: #6699ff.
-
- R 33
- G 51
- B 100
-
- C 67
- M 49
- Y 0
- K 0
● #5482ff color description : Light blue.
#5482ff Color Conversion
The hexadecimal color #5482ff has RGB values of R:84, G:130, B:255 and CMYK values of C:0.67, M:0.49, Y:0, K:0. Its decimal value is 5538559.
Hex triplet | 5482ff | #5482ff |
---|---|---|
RGB Decimal | 84, 130, 255 | rgb(84,130,255) |
RGB Percent | 32.9, 51, 100 | rgb(32.9%,51%,100%) |
CMYK | 67, 49, 0, 0 | |
HSL | 223.9°, 100, 66.5 | hsl(223.9,100%,66.5%) |
HSV (or HSB) | 223.9°, 67.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 57.142, 23.97, -66.914 |
---|---|
XYZ | 29.685, 25.068, 97.877 |
xyY | 0.194, 0.164, 25.068 |
CIE-LCH | 57.142, 71.077, 289.709 |
CIE-LUV | 57.142, -20.837, -108.251 |
Hunter-Lab | 50.068, 18.212, -80.856 |
Binary | 01010100, 10000010, 11111111 |
Color Schemes with #5482ff
Alternatives to #5482ff
Below, you can see some colors close to #5482ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5482ff Preview
This text has a font color of #5482ff.
<span style="color:#5482ff;">Text here</span>
This paragraph has a background color of #5482ff.
<p style="background-color:#5482ff;">Content here</p>
This element has a border color of #5482ff.
<div style="border:1px solid #5482ff;">Content here</div>
.text {color:#5482ff;}
.background {background-color:#5482ff;}
.border {border:1px solid #5482ff;}
Shades and Tints of #5482ff
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, #000106 is the darkest color, while #f1f5ff is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#000719
#000719
rgb(0,7,25)
-
#000c2d
#000c2d
rgb(0,12,45)
-
#001140
#001140
rgb(0,17,64)
-
#001754
#001754
rgb(0,23,84)
-
#001c68
#001c68
rgb(0,28,104)
-
#00217b
#00217b
rgb(0,33,123)
-
#00268f
#00268f
rgb(0,38,143)
-
#002ca2
#002ca2
rgb(0,44,162)
-
#0031b6
#0031b6
rgb(0,49,182)
-
#0036ca
#0036ca
rgb(0,54,202)
-
#003cdd
#003cdd
rgb(0,60,221)
-
#0041f1
#0041f1
rgb(0,65,241)
-
#0649ff
#0649ff
rgb(6,73,255)
-
#1957ff
#1957ff
rgb(25,87,255)
-
#2d65ff
#2d65ff
rgb(45,101,255)
-
#4074ff
#4074ff
rgb(64,116,255)
-
#5482ff
#5482ff
rgb(84,130,255)
-
#6890ff
#6890ff
rgb(104,144,255)
-
#7b9fff
#7b9fff
rgb(123,159,255)
-
#8fadff
#8fadff
rgb(143,173,255)
-
#a2bbff
#a2bbff
rgb(162,187,255)
-
#b6caff
#b6caff
rgb(182,202,255)
-
#cad8ff
#cad8ff
rgb(202,216,255)
-
#dde6ff
#dde6ff
rgb(221,230,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #5482ff
A tone is produced by adding gray to any pure hue. In this case, #a3a6b0 is the less saturated color, while #5482ff is the most saturated one.
-
#a3a6b0
#a3a6b0
rgb(163,166,176)
-
#9ca3b7
#9ca3b7
rgb(156,163,183)
-
#96a0bd
#96a0bd
rgb(150,160,189)
-
#8f9dc4
#8f9dc4
rgb(143,157,196)
-
#899aca
#899aca
rgb(137,154,202)
-
#8297d1
#8297d1
rgb(130,151,209)
-
#7b94d8
#7b94d8
rgb(123,148,216)
-
#7591de
#7591de
rgb(117,145,222)
-
#6e8ee5
#6e8ee5
rgb(110,142,229)
-
#688beb
#688beb
rgb(104,139,235)
-
#6188f2
#6188f2
rgb(97,136,242)
-
#5b85f8
#5b85f8
rgb(91,133,248)
-
#5482ff
#5482ff
rgb(84,130,255)
Color Blindness Simulator
Below, you can see how #5482ff 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.