#5661f3 Color Information
In a RGB color space, hex #5661f3 is composed of 33.7% red, 38% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 60.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 235.8 degrees, a saturation of 86.7% and a lightness of 64.5%. #5661f3 color hex could be obtained by blending #acc2ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 34
- G 38
- B 95
-
- C 65
- M 60
- Y 0
- K 5
● #5661f3 color description : Soft blue.
#5661f3 Color Conversion
The hexadecimal color #5661f3 has RGB values of R:86, G:97, B:243 and CMYK values of C:0.65, M:0.6, Y:0, K:0.05. Its decimal value is 5661171.
Hex triplet | 5661f3 | #5661f3 |
---|---|---|
RGB Decimal | 86, 97, 243 | rgb(86,97,243) |
RGB Percent | 33.7, 38, 95.3 | rgb(33.7%,38%,95.3%) |
CMYK | 65, 60, 0, 5 | |
HSL | 235.8°, 86.7, 64.5 | hsl(235.8,86.7%,64.5%) |
HSV (or HSB) | 235.8°, 64.6, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 48.257, 40.314, -74.651 |
---|---|
XYZ | 24.287, 16.998, 86.79 |
xyY | 0.19, 0.133, 16.998 |
CIE-LCH | 48.257, 84.84, 298.37 |
CIE-LUV | 48.257, -11.174, -115.96 |
Hunter-Lab | 41.228, 33.002, -95.953 |
Binary | 01010110, 01100001, 11110011 |
Color Schemes with #5661f3
Alternatives to #5661f3
Below, you can see some colors close to #5661f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5661f3 Preview
This text has a font color of #5661f3.
<span style="color:#5661f3;">Text here</span>
This paragraph has a background color of #5661f3.
<p style="background-color:#5661f3;">Content here</p>
This element has a border color of #5661f3.
<div style="border:1px solid #5661f3;">Content here</div>
.text {color:#5661f3;}
.background {background-color:#5661f3;}
.border {border:1px solid #5661f3;}
Shades and Tints of #5661f3
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, #01020e is the darkest color, while #fbfbff is the lightest one.
-
#01020e
#01020e
rgb(1,2,14)
-
#020420
#020420
rgb(2,4,32)
-
#040733
#040733
rgb(4,7,51)
-
#050945
#050945
rgb(5,9,69)
-
#060c57
#060c57
rgb(6,12,87)
-
#080e6a
#080e6a
rgb(8,14,106)
-
#09117c
#09117c
rgb(9,17,124)
-
#0a138e
#0a138e
rgb(10,19,142)
-
#0b16a1
#0b16a1
rgb(11,22,161)
-
#0d18b3
#0d18b3
rgb(13,24,179)
-
#0e1bc5
#0e1bc5
rgb(14,27,197)
-
#0f1dd8
#0f1dd8
rgb(15,29,216)
-
#1120ea
#1120ea
rgb(17,32,234)
-
#1f2eef
#1f2eef
rgb(31,46,239)
-
#313ff0
#313ff0
rgb(49,63,240)
-
#4450f2
#4450f2
rgb(68,80,242)
-
#5661f3
#5661f3
rgb(86,97,243)
-
#6872f4
#6872f4
rgb(104,114,244)
-
#7b83f6
#7b83f6
rgb(123,131,246)
-
#8d94f7
#8d94f7
rgb(141,148,247)
-
#9fa5f8
#9fa5f8
rgb(159,165,248)
-
#b2b7fa
#b2b7fa
rgb(178,183,250)
-
#c4c8fb
#c4c8fb
rgb(196,200,251)
-
#d6d9fc
#d6d9fc
rgb(214,217,252)
-
#e9eafd
#e9eafd
rgb(233,234,253)
-
#fbfbff
#fbfbff
rgb(251,251,255)
Tones of #5661f3
A tone is produced by adding gray to any pure hue. In this case, #a3a3a6 is the less saturated color, while #4f5bfa is the most saturated one.
-
#a3a3a6
#a3a3a6
rgb(163,163,166)
-
#9c9dad
#9c9dad
rgb(156,157,173)
-
#9597b4
#9597b4
rgb(149,151,180)
-
#8e91bb
#8e91bb
rgb(142,145,187)
-
#878bc2
#878bc2
rgb(135,139,194)
-
#8085c9
#8085c9
rgb(128,133,201)
-
#797fd0
#797fd0
rgb(121,127,208)
-
#7279d7
#7279d7
rgb(114,121,215)
-
#6b73de
#6b73de
rgb(107,115,222)
-
#646de5
#646de5
rgb(100,109,229)
-
#5d67ec
#5d67ec
rgb(93,103,236)
-
#5661f3
#5661f3
rgb(86,97,243)
-
#4f5bfa
#4f5bfa
rgb(79,91,250)
Color Blindness Simulator
Below, you can see how #5661f3 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.