#5f83e4 Color Information
In a RGB color space, hex #5f83e4 is composed of 37.3% red, 51.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 42.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 223.8 degrees, a saturation of 71.1% and a lightness of 63.3%. #5f83e4 color hex could be obtained by blending #beffff with #0007c9. Closest websafe color is: #6699cc.
-
- R 37
- G 51
- B 89
-
- C 58
- M 43
- Y 0
- K 11
● #5f83e4 color description : Soft blue.
#5f83e4 Color Conversion
The hexadecimal color #5f83e4 has RGB values of R:95, G:131, B:228 and CMYK values of C:0.58, M:0.43, Y:0, K:0.11. Its decimal value is 6259684.
Hex triplet | 5f83e4 | #5f83e4 |
---|---|---|
RGB Decimal | 95, 131, 228 | rgb(95,131,228) |
RGB Percent | 37.3, 51.4, 89.4 | rgb(37.3%,51.4%,89.4%) |
CMYK | 58, 43, 0, 11 | |
HSL | 223.8°, 71.1, 63.3 | hsl(223.8,71.1%,63.3%) |
HSV (or HSB) | 223.8°, 58.3, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.353, 16.153, -53.181 |
---|---|
XYZ | 26.836, 24.266, 76.664 |
xyY | 0.21, 0.19, 24.266 |
CIE-LCH | 56.353, 55.58, 286.896 |
CIE-LUV | 56.353, -18.263, -85.387 |
Hunter-Lab | 49.26, 11.039, -57.792 |
Binary | 01011111, 10000011, 11100100 |
Color Schemes with #5f83e4
Alternatives to #5f83e4
Below, you can see some colors close to #5f83e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f83e4 Preview
This text has a font color of #5f83e4.
<span style="color:#5f83e4;">Text here</span>
This paragraph has a background color of #5f83e4.
<p style="background-color:#5f83e4;">Content here</p>
This element has a border color of #5f83e4.
<div style="border:1px solid #5f83e4;">Content here</div>
.text {color:#5f83e4;}
.background {background-color:#5f83e4;}
.border {border:1px solid #5f83e4;}
Shades and Tints of #5f83e4
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, #010308 is the darkest color, while #f6f8fd is the lightest one.
-
#010308
#010308
rgb(1,3,8)
-
#040a19
#040a19
rgb(4,10,25)
-
#071029
#071029
rgb(7,16,41)
-
#0a173a
#0a173a
rgb(10,23,58)
-
#0d1e4b
#0d1e4b
rgb(13,30,75)
-
#0f245c
#0f245c
rgb(15,36,92)
-
#122b6d
#122b6d
rgb(18,43,109)
-
#15317d
#15317d
rgb(21,49,125)
-
#18388e
#18388e
rgb(24,56,142)
-
#1b3f9f
#1b3f9f
rgb(27,63,159)
-
#1e45b0
#1e45b0
rgb(30,69,176)
-
#204cc0
#204cc0
rgb(32,76,192)
-
#2352d1
#2352d1
rgb(35,82,209)
-
#2d5cdc
#2d5cdc
rgb(45,92,220)
-
#3d69de
#3d69de
rgb(61,105,222)
-
#4e76e1
#4e76e1
rgb(78,118,225)
-
#5f83e4
#5f83e4
rgb(95,131,228)
-
#7090e7
#7090e7
rgb(112,144,231)
-
#819dea
#819dea
rgb(129,157,234)
-
#91aaec
#91aaec
rgb(145,170,236)
-
#a2b7ef
#a2b7ef
rgb(162,183,239)
-
#b3c4f2
#b3c4f2
rgb(179,196,242)
-
#c4d1f5
#c4d1f5
rgb(196,209,245)
-
#d4def8
#d4def8
rgb(212,222,248)
-
#e5ebfb
#e5ebfb
rgb(229,235,251)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #5f83e4
A tone is produced by adding gray to any pure hue. In this case, #a0a1a3 is the less saturated color, while #4979fa is the most saturated one.
-
#a0a1a3
#a0a1a3
rgb(160,161,163)
-
#999daa
#999daa
rgb(153,157,170)
-
#919ab2
#919ab2
rgb(145,154,178)
-
#8a97b9
#8a97b9
rgb(138,151,185)
-
#8393c0
#8393c0
rgb(131,147,192)
-
#7c90c7
#7c90c7
rgb(124,144,199)
-
#758dce
#758dce
rgb(117,141,206)
-
#6d8ad6
#6d8ad6
rgb(109,138,214)
-
#6686dd
#6686dd
rgb(102,134,221)
-
#5f83e4
#5f83e4
rgb(95,131,228)
-
#5880eb
#5880eb
rgb(88,128,235)
-
#517cf2
#517cf2
rgb(81,124,242)
-
#4979fa
#4979fa
rgb(73,121,250)
Color Blindness Simulator
Below, you can see how #5f83e4 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.