#5481ff Color Information
In a RGB color space, hex #5481ff is composed of 32.9% red, 50.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 49.4% magenta, 0% yellow and 0% black. It has a hue angle of 224.2 degrees, a saturation of 100% and a lightness of 66.5%. #5481ff color hex could be obtained by blending #a8ffff with #0003ff. Closest websafe color is: #6699ff.
-
- R 33
- G 51
- B 100
-
- C 67
- M 49
- Y 0
- K 0
● #5481ff color description : Light blue.
#5481ff Color Conversion
The hexadecimal color #5481ff has RGB values of R:84, G:129, B:255 and CMYK values of C:0.67, M:0.49, Y:0, K:0. Its decimal value is 5538303.
Hex triplet | 5481ff | #5481ff |
---|---|---|
RGB Decimal | 84, 129, 255 | rgb(84,129,255) |
RGB Percent | 32.9, 50.6, 100 | rgb(32.9%,50.6%,100%) |
CMYK | 67, 49, 0, 0 | |
HSL | 224.2°, 100, 66.5 | hsl(224.2,100%,66.5%) |
HSV (or HSB) | 224.2°, 67.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.883, 24.579, -67.33 |
---|---|
XYZ | 29.553, 24.803, 97.832 |
xyY | 0.194, 0.163, 24.803 |
CIE-LCH | 56.883, 71.676, 290.055 |
CIE-LUV | 56.883, -20.541, -108.843 |
Hunter-Lab | 49.803, 18.764, -81.606 |
Binary | 01010100, 10000001, 11111111 |
Color Schemes with #5481ff
Alternatives to #5481ff
Below, you can see some colors close to #5481ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5481ff Preview
This text has a font color of #5481ff.
<span style="color:#5481ff;">Text here</span>
This paragraph has a background color of #5481ff.
<p style="background-color:#5481ff;">Content here</p>
This element has a border color of #5481ff.
<div style="border:1px solid #5481ff;">Content here</div>
.text {color:#5481ff;}
.background {background-color:#5481ff;}
.border {border:1px solid #5481ff;}
Shades and Tints of #5481ff
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)
-
#001654
#001654
rgb(0,22,84)
-
#001b68
#001b68
rgb(0,27,104)
-
#00207b
#00207b
rgb(0,32,123)
-
#00268f
#00268f
rgb(0,38,143)
-
#002ba2
#002ba2
rgb(0,43,162)
-
#0030b6
#0030b6
rgb(0,48,182)
-
#0035ca
#0035ca
rgb(0,53,202)
-
#003add
#003add
rgb(0,58,221)
-
#003ff1
#003ff1
rgb(0,63,241)
-
#0647ff
#0647ff
rgb(6,71,255)
-
#1956ff
#1956ff
rgb(25,86,255)
-
#2d64ff
#2d64ff
rgb(45,100,255)
-
#4073ff
#4073ff
rgb(64,115,255)
-
#5481ff
#5481ff
rgb(84,129,255)
-
#688fff
#688fff
rgb(104,143,255)
-
#7b9eff
#7b9eff
rgb(123,158,255)
-
#8facff
#8facff
rgb(143,172,255)
-
#a2bbff
#a2bbff
rgb(162,187,255)
-
#b6c9ff
#b6c9ff
rgb(182,201,255)
-
#cad8ff
#cad8ff
rgb(202,216,255)
-
#dde6ff
#dde6ff
rgb(221,230,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #5481ff
A tone is produced by adding gray to any pure hue. In this case, #a3a6b0 is the less saturated color, while #5481ff 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)
-
#6e8de5
#6e8de5
rgb(110,141,229)
-
#688aeb
#688aeb
rgb(104,138,235)
-
#6187f2
#6187f2
rgb(97,135,242)
-
#5b84f8
#5b84f8
rgb(91,132,248)
-
#5481ff
#5481ff
rgb(84,129,255)
Color Blindness Simulator
Below, you can see how #5481ff 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.