#5c84ff Color Information
In a RGB color space, hex #5c84ff is composed of 36.1% red, 51.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 48.2% magenta, 0% yellow and 0% black. It has a hue angle of 225.3 degrees, a saturation of 100% and a lightness of 68%. #5c84ff color hex could be obtained by blending #b8ffff with #0009ff. Closest websafe color is: #6699ff.
-
- R 36
- G 52
- B 100
-
- C 64
- M 48
- Y 0
- K 0
● #5c84ff color description : Light blue.
#5c84ff Color Conversion
The hexadecimal color #5c84ff has RGB values of R:92, G:132, B:255 and CMYK values of C:0.64, M:0.48, Y:0, K:0. Its decimal value is 6063359.
Hex triplet | 5c84ff | #5c84ff |
---|---|---|
RGB Decimal | 92, 132, 255 | rgb(92,132,255) |
RGB Percent | 36.1, 51.8, 100 | rgb(36.1%,51.8%,100%) |
CMYK | 64, 48, 0, 0 | |
HSL | 225.3°, 100, 68 | hsl(225.3,100%,68%) |
HSV (or HSB) | 225.3°, 63.9, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.033, 23.992, -65.459 |
---|---|
XYZ | 30.711, 25.996, 98.002 |
xyY | 0.199, 0.168, 25.996 |
CIE-LCH | 58.033, 69.717, 290.129 |
CIE-LUV | 58.033, -19.575, -106.342 |
Hunter-Lab | 50.986, 18.292, -78.272 |
Binary | 01011100, 10000100, 11111111 |
Color Schemes with #5c84ff
Alternatives to #5c84ff
Below, you can see some colors close to #5c84ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5c84ff Preview
This text has a font color of #5c84ff.
<span style="color:#5c84ff;">Text here</span>
This paragraph has a background color of #5c84ff.
<p style="background-color:#5c84ff;">Content here</p>
This element has a border color of #5c84ff.
<div style="border:1px solid #5c84ff;">Content here</div>
.text {color:#5c84ff;}
.background {background-color:#5c84ff;}
.border {border:1px solid #5c84ff;}
Shades and Tints of #5c84ff
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, #00030e is the darkest color, while #f9faff is the lightest one.
-
#00030e
#00030e
rgb(0,3,14)
-
#000821
#000821
rgb(0,8,33)
-
#000d35
#000d35
rgb(0,13,53)
-
#001248
#001248
rgb(0,18,72)
-
#00175c
#00175c
rgb(0,23,92)
-
#001b70
#001b70
rgb(0,27,112)
-
#002083
#002083
rgb(0,32,131)
-
#002597
#002597
rgb(0,37,151)
-
#002aaa
#002aaa
rgb(0,42,170)
-
#002fbe
#002fbe
rgb(0,47,190)
-
#0033d2
#0033d2
rgb(0,51,210)
-
#0038e5
#0038e5
rgb(0,56,229)
-
#003df9
#003df9
rgb(0,61,249)
-
#0e49ff
#0e49ff
rgb(14,73,255)
-
#2158ff
#2158ff
rgb(33,88,255)
-
#3566ff
#3566ff
rgb(53,102,255)
-
#4875ff
#4875ff
rgb(72,117,255)
-
#5c84ff
#5c84ff
rgb(92,132,255)
-
#7093ff
#7093ff
rgb(112,147,255)
-
#83a2ff
#83a2ff
rgb(131,162,255)
-
#97b0ff
#97b0ff
rgb(151,176,255)
-
#aabfff
#aabfff
rgb(170,191,255)
-
#beceff
#beceff
rgb(190,206,255)
-
#d2ddff
#d2ddff
rgb(210,221,255)
-
#e5ecff
#e5ecff
rgb(229,236,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #5c84ff
A tone is produced by adding gray to any pure hue. In this case, #a7aab4 is the less saturated color, while #5c84ff is the most saturated one.
-
#a7aab4
#a7aab4
rgb(167,170,180)
-
#a1a7ba
#a1a7ba
rgb(161,167,186)
-
#9ba4c0
#9ba4c0
rgb(155,164,192)
-
#94a1c7
#94a1c7
rgb(148,161,199)
-
#8e9ecd
#8e9ecd
rgb(142,158,205)
-
#889ad3
#889ad3
rgb(136,154,211)
-
#8297d9
#8297d9
rgb(130,151,217)
-
#7b94e0
#7b94e0
rgb(123,148,224)
-
#7591e6
#7591e6
rgb(117,145,230)
-
#6f8eec
#6f8eec
rgb(111,142,236)
-
#698af2
#698af2
rgb(105,138,242)
-
#6287f9
#6287f9
rgb(98,135,249)
-
#5c84ff
#5c84ff
rgb(92,132,255)
Color Blindness Simulator
Below, you can see how #5c84ff 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.