#5f7afd Color Information
In a RGB color space, hex #5f7afd is composed of 37.3% red, 47.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 51.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 229.7 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f7afd color hex could be obtained by blending #bef4ff with #0000fb. Closest websafe color is: #6666ff.
-
- R 37
- G 48
- B 99
-
- C 62
- M 52
- Y 0
- K 1
● #5f7afd color description : Soft blue.
#5f7afd Color Conversion
The hexadecimal color #5f7afd has RGB values of R:95, G:122, B:253 and CMYK values of C:0.62, M:0.52, Y:0, K:0.01. Its decimal value is 6257405.
Hex triplet | 5f7afd | #5f7afd |
---|---|---|
RGB Decimal | 95, 122, 253 | rgb(95,122,253) |
RGB Percent | 37.3, 47.8, 99.2 | rgb(37.3%,47.8%,99.2%) |
CMYK | 62, 52, 0, 1 | |
HSL | 229.7°, 97.5, 68.2 | hsl(229.7,97.5%,68.2%) |
HSV (or HSB) | 229.7°, 62.5, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.525, 29.869, -68.392 |
---|---|
XYZ | 29.405, 23.442, 95.898 |
xyY | 0.198, 0.158, 23.442 |
CIE-LCH | 55.525, 74.63, 293.592 |
CIE-LUV | 55.525, -15.849, -110.327 |
Hunter-Lab | 48.417, 23.677, -83.542 |
Binary | 01011111, 01111010, 11111101 |
Color Schemes with #5f7afd
Alternatives to #5f7afd
Below, you can see some colors close to #5f7afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f7afd Preview
This text has a font color of #5f7afd.
<span style="color:#5f7afd;">Text here</span>
This paragraph has a background color of #5f7afd.
<p style="background-color:#5f7afd;">Content here</p>
This element has a border color of #5f7afd.
<div style="border:1px solid #5f7afd;">Content here</div>
.text {color:#5f7afd;}
.background {background-color:#5f7afd;}
.border {border:1px solid #5f7afd;}
Shades and Tints of #5f7afd
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 #fafbff is the lightest one.
-
#00030e
#00030e
rgb(0,3,14)
-
#000622
#000622
rgb(0,6,34)
-
#010a35
#010a35
rgb(1,10,53)
-
#010d48
#010d48
rgb(1,13,72)
-
#01115c
#01115c
rgb(1,17,92)
-
#01146f
#01146f
rgb(1,20,111)
-
#021883
#021883
rgb(2,24,131)
-
#021b96
#021b96
rgb(2,27,150)
-
#021fa9
#021fa9
rgb(2,31,169)
-
#0222bd
#0222bd
rgb(2,34,189)
-
#0326d0
#0326d0
rgb(3,38,208)
-
#0329e3
#0329e3
rgb(3,41,227)
-
#032df7
#032df7
rgb(3,45,247)
-
#123afc
#123afc
rgb(18,58,252)
-
#254afc
#254afc
rgb(37,74,252)
-
#385afd
#385afd
rgb(56,90,253)
-
#4c6afd
#4c6afd
rgb(76,106,253)
-
#5f7afd
#5f7afd
rgb(95,122,253)
-
#728afd
#728afd
rgb(114,138,253)
-
#869afd
#869afd
rgb(134,154,253)
-
#99aafe
#99aafe
rgb(153,170,254)
-
#acbafe
#acbafe
rgb(172,186,254)
-
#c0cbfe
#c0cbfe
rgb(192,203,254)
-
#d3dbfe
#d3dbfe
rgb(211,219,254)
-
#e7ebff
#e7ebff
rgb(231,235,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #5f7afd
A tone is produced by adding gray to any pure hue. In this case, #aaabb2 is the less saturated color, while #5f7afd is the most saturated one.
-
#aaabb2
#aaabb2
rgb(170,171,178)
-
#a4a7b8
#a4a7b8
rgb(164,167,184)
-
#9da3bf
#9da3bf
rgb(157,163,191)
-
#979fc5
#979fc5
rgb(151,159,197)
-
#919bcb
#919bcb
rgb(145,155,203)
-
#8b97d1
#8b97d1
rgb(139,151,209)
-
#8493d8
#8493d8
rgb(132,147,216)
-
#7e8fde
#7e8fde
rgb(126,143,222)
-
#788ae4
#788ae4
rgb(120,138,228)
-
#7286ea
#7286ea
rgb(114,134,234)
-
#6b82f1
#6b82f1
rgb(107,130,241)
-
#657ef7
#657ef7
rgb(101,126,247)
-
#5f7afd
#5f7afd
rgb(95,122,253)
Color Blindness Simulator
Below, you can see how #5f7afd 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.