#5f5ffd Color Information
In a RGB color space, hex #5f5ffd is composed of 37.3% red, 37.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 62.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 240 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f5ffd color hex could be obtained by blending #bebeff with #0000fb. Closest websafe color is: #6666ff.
-
- R 37
- G 37
- B 99
-
- C 62
- M 62
- Y 0
- K 1
● #5f5ffd color description : Soft blue.
#5f5ffd Color Conversion
The hexadecimal color #5f5ffd has RGB values of R:95, G:95, B:253 and CMYK values of C:0.62, M:0.62, Y:0, K:0.01. Its decimal value is 6250493.
Hex triplet | 5f5ffd | #5f5ffd |
---|---|---|
RGB Decimal | 95, 95, 253 | rgb(95,95,253) |
RGB Percent | 37.3, 37.3, 99.2 | rgb(37.3%,37.3%,99.2%) |
CMYK | 62, 62, 0, 1 | |
HSL | 240°, 97.5, 68.2 | hsl(240,97.5%,68.2%) |
HSV (or HSB) | 240°, 62.5, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.14, 46.022, -78.762 |
---|---|
XYZ | 26.538, 17.708, 94.943 |
xyY | 0.191, 0.127, 17.708 |
CIE-LCH | 49.14, 91.222, 300.298 |
CIE-LUV | 49.14, -8.857, -122.731 |
Hunter-Lab | 42.081, 38.927, -104.314 |
Binary | 01011111, 01011111, 11111101 |
Color Schemes with #5f5ffd
Alternatives to #5f5ffd
Below, you can see some colors close to #5f5ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f5ffd Preview
This text has a font color of #5f5ffd.
<span style="color:#5f5ffd;">Text here</span>
This paragraph has a background color of #5f5ffd.
<p style="background-color:#5f5ffd;">Content here</p>
This element has a border color of #5f5ffd.
<div style="border:1px solid #5f5ffd;">Content here</div>
.text {color:#5f5ffd;}
.background {background-color:#5f5ffd;}
.border {border:1px solid #5f5ffd;}
Shades and Tints of #5f5ffd
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, #00000e is the darkest color, while #fafaff is the lightest one.
-
#00000e
#00000e
rgb(0,0,14)
-
#000022
#000022
rgb(0,0,34)
-
#010135
#010135
rgb(1,1,53)
-
#010148
#010148
rgb(1,1,72)
-
#01015c
#01015c
rgb(1,1,92)
-
#01016f
#01016f
rgb(1,1,111)
-
#020283
#020283
rgb(2,2,131)
-
#020296
#020296
rgb(2,2,150)
-
#0202a9
#0202a9
rgb(2,2,169)
-
#0202bd
#0202bd
rgb(2,2,189)
-
#0303d0
#0303d0
rgb(3,3,208)
-
#0303e3
#0303e3
rgb(3,3,227)
-
#0303f7
#0303f7
rgb(3,3,247)
-
#1212fc
#1212fc
rgb(18,18,252)
-
#2525fc
#2525fc
rgb(37,37,252)
-
#3838fd
#3838fd
rgb(56,56,253)
-
#4c4cfd
#4c4cfd
rgb(76,76,253)
-
#5f5ffd
#5f5ffd
rgb(95,95,253)
-
#7272fd
#7272fd
rgb(114,114,253)
-
#8686fd
#8686fd
rgb(134,134,253)
-
#9999fe
#9999fe
rgb(153,153,254)
-
#acacfe
#acacfe
rgb(172,172,254)
-
#c0c0fe
#c0c0fe
rgb(192,192,254)
-
#d3d3fe
#d3d3fe
rgb(211,211,254)
-
#e7e7ff
#e7e7ff
rgb(231,231,255)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #5f5ffd
A tone is produced by adding gray to any pure hue. In this case, #aaaab2 is the less saturated color, while #5f5ffd is the most saturated one.
-
#aaaab2
#aaaab2
rgb(170,170,178)
-
#a4a4b8
#a4a4b8
rgb(164,164,184)
-
#9d9dbf
#9d9dbf
rgb(157,157,191)
-
#9797c5
#9797c5
rgb(151,151,197)
-
#9191cb
#9191cb
rgb(145,145,203)
-
#8b8bd1
#8b8bd1
rgb(139,139,209)
-
#8484d8
#8484d8
rgb(132,132,216)
-
#7e7ede
#7e7ede
rgb(126,126,222)
-
#7878e4
#7878e4
rgb(120,120,228)
-
#7272ea
#7272ea
rgb(114,114,234)
-
#6b6bf1
#6b6bf1
rgb(107,107,241)
-
#6565f7
#6565f7
rgb(101,101,247)
-
#5f5ffd
#5f5ffd
rgb(95,95,253)
Color Blindness Simulator
Below, you can see how #5f5ffd 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.