#5f8ffd Color Information
In a RGB color space, hex #5f8ffd is composed of 37.3% red, 56.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 43.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.8 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f8ffd color hex could be obtained by blending #beffff with #001ffb. Closest websafe color is: #6699ff.
-
- R 37
- G 56
- B 99
-
- C 62
- M 43
- Y 0
- K 1
● #5f8ffd color description : Soft blue.
#5f8ffd Color Conversion
The hexadecimal color #5f8ffd has RGB values of R:95, G:143, B:253 and CMYK values of C:0.62, M:0.43, Y:0, K:0.01. Its decimal value is 6262781.
Hex triplet | 5f8ffd | #5f8ffd |
---|---|---|
RGB Decimal | 95, 143, 253 | rgb(95,143,253) |
RGB Percent | 37.3, 56.1, 99.2 | rgb(37.3%,56.1%,99.2%) |
CMYK | 62, 43, 0, 1 | |
HSL | 221.8°, 97.5, 68.2 | hsl(221.8,97.5%,68.2%) |
HSV (or HSB) | 221.8°, 62.5, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.929, 17.21, -59.708 |
---|---|
XYZ | 32.268, 29.168, 96.853 |
xyY | 0.204, 0.184, 29.168 |
CIE-LCH | 60.929, 62.139, 286.079 |
CIE-LUV | 60.929, -22.247, -97.493 |
Hunter-Lab | 54.007, 12.136, -68.521 |
Binary | 01011111, 10001111, 11111101 |
Color Schemes with #5f8ffd
Alternatives to #5f8ffd
Below, you can see some colors close to #5f8ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f8ffd Preview
This text has a font color of #5f8ffd.
<span style="color:#5f8ffd;">Text here</span>
This paragraph has a background color of #5f8ffd.
<p style="background-color:#5f8ffd;">Content here</p>
This element has a border color of #5f8ffd.
<div style="border:1px solid #5f8ffd;">Content here</div>
.text {color:#5f8ffd;}
.background {background-color:#5f8ffd;}
.border {border:1px solid #5f8ffd;}
Shades and Tints of #5f8ffd
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, #00040e is the darkest color, while #fafbff is the lightest one.
-
#00040e
#00040e
rgb(0,4,14)
-
#000b22
#000b22
rgb(0,11,34)
-
#011135
#011135
rgb(1,17,53)
-
#011748
#011748
rgb(1,23,72)
-
#011d5c
#011d5c
rgb(1,29,92)
-
#01236f
#01236f
rgb(1,35,111)
-
#022983
#022983
rgb(2,41,131)
-
#022f96
#022f96
rgb(2,47,150)
-
#0235a9
#0235a9
rgb(2,53,169)
-
#023bbd
#023bbd
rgb(2,59,189)
-
#0341d0
#0341d0
rgb(3,65,208)
-
#0347e3
#0347e3
rgb(3,71,227)
-
#034df7
#034df7
rgb(3,77,247)
-
#1259fc
#1259fc
rgb(18,89,252)
-
#2566fc
#2566fc
rgb(37,102,252)
-
#3874fd
#3874fd
rgb(56,116,253)
-
#4c81fd
#4c81fd
rgb(76,129,253)
-
#5f8ffd
#5f8ffd
rgb(95,143,253)
-
#729dfd
#729dfd
rgb(114,157,253)
-
#86aafd
#86aafd
rgb(134,170,253)
-
#99b8fe
#99b8fe
rgb(153,184,254)
-
#acc5fe
#acc5fe
rgb(172,197,254)
-
#c0d3fe
#c0d3fe
rgb(192,211,254)
-
#d3e0fe
#d3e0fe
rgb(211,224,254)
-
#e7eeff
#e7eeff
rgb(231,238,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #5f8ffd
A tone is produced by adding gray to any pure hue. In this case, #aaacb2 is the less saturated color, while #5f8ffd is the most saturated one.
-
#aaacb2
#aaacb2
rgb(170,172,178)
-
#a4aab8
#a4aab8
rgb(164,170,184)
-
#9da7bf
#9da7bf
rgb(157,167,191)
-
#97a5c5
#97a5c5
rgb(151,165,197)
-
#91a3cb
#91a3cb
rgb(145,163,203)
-
#8ba0d1
#8ba0d1
rgb(139,160,209)
-
#849ed8
#849ed8
rgb(132,158,216)
-
#7e9bde
#7e9bde
rgb(126,155,222)
-
#7899e4
#7899e4
rgb(120,153,228)
-
#7296ea
#7296ea
rgb(114,150,234)
-
#6b94f1
#6b94f1
rgb(107,148,241)
-
#6591f7
#6591f7
rgb(101,145,247)
-
#5f8ffd
#5f8ffd
rgb(95,143,253)
Color Blindness Simulator
Below, you can see how #5f8ffd 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.