#5f84dd Color Information
In a RGB color space, hex #5f84dd is composed of 37.3% red, 51.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 40.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 222.4 degrees, a saturation of 64.9% and a lightness of 62%. #5f84dd color hex could be obtained by blending #beffff with #0009bb. Closest websafe color is: #6699cc.
-
- R 37
- G 52
- B 87
-
- C 57
- M 40
- Y 0
- K 13
● #5f84dd color description : Soft blue.
#5f84dd Color Conversion
The hexadecimal color #5f84dd has RGB values of R:95, G:132, B:221 and CMYK values of C:0.57, M:0.4, Y:0, K:0.13. Its decimal value is 6259933.
Hex triplet | 5f84dd | #5f84dd |
---|---|---|
RGB Decimal | 95, 132, 221 | rgb(95,132,221) |
RGB Percent | 37.3, 51.8, 86.7 | rgb(37.3%,51.8%,86.7%) |
CMYK | 57, 40, 0, 13 | |
HSL | 222.4°, 64.9, 62 | hsl(222.4,64.9%,62%) |
HSV (or HSB) | 222.4°, 57, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.242, 13.265, -49.44 |
---|---|
XYZ | 26.019, 24.155, 71.694 |
xyY | 0.214, 0.198, 24.155 |
CIE-LCH | 56.242, 51.188, 285.019 |
CIE-LUV | 56.242, -18.544, -79.016 |
Hunter-Lab | 49.147, 8.492, -52.087 |
Binary | 01011111, 10000100, 11011101 |
Color Schemes with #5f84dd
Alternatives to #5f84dd
Below, you can see some colors close to #5f84dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f84dd Preview
This text has a font color of #5f84dd.
<span style="color:#5f84dd;">Text here</span>
This paragraph has a background color of #5f84dd.
<p style="background-color:#5f84dd;">Content here</p>
This element has a border color of #5f84dd.
<div style="border:1px solid #5f84dd;">Content here</div>
.text {color:#5f84dd;}
.background {background-color:#5f84dd;}
.border {border:1px solid #5f84dd;}
Shades and Tints of #5f84dd
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, #000102 is the darkest color, while #f1f4fc is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040812
#040812
rgb(4,8,18)
-
#070f22
#070f22
rgb(7,15,34)
-
#0b1632
#0b1632
rgb(11,22,50)
-
#0e1e42
#0e1e42
rgb(14,30,66)
-
#122553
#122553
rgb(18,37,83)
-
#152c63
#152c63
rgb(21,44,99)
-
#183373
#183373
rgb(24,51,115)
-
#1c3a83
#1c3a83
rgb(28,58,131)
-
#1f4193
#1f4193
rgb(31,65,147)
-
#2349a4
#2349a4
rgb(35,73,164)
-
#2650b4
#2650b4
rgb(38,80,180)
-
#2a57c4
#2a57c4
rgb(42,87,196)
-
#2e5fd3
#2e5fd3
rgb(46,95,211)
-
#3f6bd6
#3f6bd6
rgb(63,107,214)
-
#4f78da
#4f78da
rgb(79,120,218)
-
#5f84dd
#5f84dd
rgb(95,132,221)
-
#6f90e0
#6f90e0
rgb(111,144,224)
-
#7f9de4
#7f9de4
rgb(127,157,228)
-
#90a9e7
#90a9e7
rgb(144,169,231)
-
#a0b6eb
#a0b6eb
rgb(160,182,235)
-
#b0c2ee
#b0c2ee
rgb(176,194,238)
-
#c0cff2
#c0cff2
rgb(192,207,242)
-
#d0dbf5
#d0dbf5
rgb(208,219,245)
-
#e0e7f9
#e0e7f9
rgb(224,231,249)
-
#f1f4fc
#f1f4fc
rgb(241,244,252)
Tones of #5f84dd
A tone is produced by adding gray to any pure hue. In this case, #9b9da1 is the less saturated color, while #4178fb is the most saturated one.
-
#9b9da1
#9b9da1
rgb(155,157,161)
-
#939aa9
#939aa9
rgb(147,154,169)
-
#8c96b0
#8c96b0
rgb(140,150,176)
-
#8493b8
#8493b8
rgb(132,147,184)
-
#7d90bf
#7d90bf
rgb(125,144,191)
-
#758dc7
#758dc7
rgb(117,141,199)
-
#6e8ace
#6e8ace
rgb(110,138,206)
-
#6687d6
#6687d6
rgb(102,135,214)
-
#5f84dd
#5f84dd
rgb(95,132,221)
-
#5881e4
#5881e4
rgb(88,129,228)
-
#507eec
#507eec
rgb(80,126,236)
-
#497bf3
#497bf3
rgb(73,123,243)
-
#4178fb
#4178fb
rgb(65,120,251)
Color Blindness Simulator
Below, you can see how #5f84dd 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.