#5f7dfd Color Information
In a RGB color space, hex #5f7dfd is composed of 37.3% red, 49% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 50.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.6 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f7dfd color hex could be obtained by blending #befaff with #0000fb. Closest websafe color is: #6666ff.
-
- R 37
- G 49
- B 99
-
- C 62
- M 51
- Y 0
- K 1
● #5f7dfd color description : Soft blue.
#5f7dfd Color Conversion
The hexadecimal color #5f7dfd has RGB values of R:95, G:125, B:253 and CMYK values of C:0.62, M:0.51, Y:0, K:0.01. Its decimal value is 6258173.
Hex triplet | 5f7dfd | #5f7dfd |
---|---|---|
RGB Decimal | 95, 125, 253 | rgb(95,125,253) |
RGB Percent | 37.3, 49, 99.2 | rgb(37.3%,49%,99.2%) |
CMYK | 62, 51, 0, 1 | |
HSL | 228.6°, 97.5, 68.2 | hsl(228.6,97.5%,68.2%) |
HSV (or HSB) | 228.6°, 62.5, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.278, 28.051, -67.177 |
---|---|
XYZ | 29.779, 24.19, 96.023 |
xyY | 0.199, 0.161, 24.19 |
CIE-LCH | 56.278, 72.799, 292.664 |
CIE-LUV | 56.278, -16.718, -108.645 |
Hunter-Lab | 49.184, 22.004, -81.325 |
Binary | 01011111, 01111101, 11111101 |
Color Schemes with #5f7dfd
Alternatives to #5f7dfd
Below, you can see some colors close to #5f7dfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f7dfd Preview
This text has a font color of #5f7dfd.
<span style="color:#5f7dfd;">Text here</span>
This paragraph has a background color of #5f7dfd.
<p style="background-color:#5f7dfd;">Content here</p>
This element has a border color of #5f7dfd.
<div style="border:1px solid #5f7dfd;">Content here</div>
.text {color:#5f7dfd;}
.background {background-color:#5f7dfd;}
.border {border:1px solid #5f7dfd;}
Shades and Tints of #5f7dfd
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)
-
#000722
#000722
rgb(0,7,34)
-
#010b35
#010b35
rgb(1,11,53)
-
#010e48
#010e48
rgb(1,14,72)
-
#01125c
#01125c
rgb(1,18,92)
-
#01166f
#01166f
rgb(1,22,111)
-
#021a83
#021a83
rgb(2,26,131)
-
#021e96
#021e96
rgb(2,30,150)
-
#0222a9
#0222a9
rgb(2,34,169)
-
#0226bd
#0226bd
rgb(2,38,189)
-
#032ad0
#032ad0
rgb(3,42,208)
-
#032de3
#032de3
rgb(3,45,227)
-
#0331f7
#0331f7
rgb(3,49,247)
-
#123efc
#123efc
rgb(18,62,252)
-
#254efc
#254efc
rgb(37,78,252)
-
#385efd
#385efd
rgb(56,94,253)
-
#4c6dfd
#4c6dfd
rgb(76,109,253)
-
#5f7dfd
#5f7dfd
rgb(95,125,253)
-
#728dfd
#728dfd
rgb(114,141,253)
-
#869cfd
#869cfd
rgb(134,156,253)
-
#99acfe
#99acfe
rgb(153,172,254)
-
#acbcfe
#acbcfe
rgb(172,188,254)
-
#c0ccfe
#c0ccfe
rgb(192,204,254)
-
#d3dbfe
#d3dbfe
rgb(211,219,254)
-
#e7ebff
#e7ebff
rgb(231,235,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #5f7dfd
A tone is produced by adding gray to any pure hue. In this case, #aaabb2 is the less saturated color, while #5f7dfd is the most saturated one.
-
#aaabb2
#aaabb2
rgb(170,171,178)
-
#a4a8b8
#a4a8b8
rgb(164,168,184)
-
#9da4bf
#9da4bf
rgb(157,164,191)
-
#97a0c5
#97a0c5
rgb(151,160,197)
-
#919ccb
#919ccb
rgb(145,156,203)
-
#8b98d1
#8b98d1
rgb(139,152,209)
-
#8494d8
#8494d8
rgb(132,148,216)
-
#7e90de
#7e90de
rgb(126,144,222)
-
#788ce4
#788ce4
rgb(120,140,228)
-
#7289ea
#7289ea
rgb(114,137,234)
-
#6b85f1
#6b85f1
rgb(107,133,241)
-
#6581f7
#6581f7
rgb(101,129,247)
-
#5f7dfd
#5f7dfd
rgb(95,125,253)
Color Blindness Simulator
Below, you can see how #5f7dfd 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.