#5676f6 Color Information
In a RGB color space, hex #5676f6 is composed of 33.7% red, 46.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 52% magenta, 0% yellow and 3.5% black. It has a hue angle of 228 degrees, a saturation of 89.9% and a lightness of 65.1%. #5676f6 color hex could be obtained by blending #acecff with #0000ed. Closest websafe color is: #6666ff.
-
- R 34
- G 46
- B 96
-
- C 65
- M 52
- Y 0
- K 4
● #5676f6 color description : Soft blue.
#5676f6 Color Conversion
The hexadecimal color #5676f6 has RGB values of R:86, G:118, B:246 and CMYK values of C:0.65, M:0.52, Y:0, K:0.04. Its decimal value is 5666550.
Hex triplet | 5676f6 | #5676f6 |
---|---|---|
RGB Decimal | 86, 118, 246 | rgb(86,118,246) |
RGB Percent | 33.7, 46.3, 96.5 | rgb(33.7%,46.3%,96.5%) |
CMYK | 65, 52, 0, 4 | |
HSL | 228°, 89.9, 65.1 | hsl(228,89.9%,65.1%) |
HSV (or HSB) | 228°, 65, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 53.587, 28.527, -67.672 |
---|---|
XYZ | 26.947, 21.588, 89.93 |
xyY | 0.195, 0.156, 21.588 |
CIE-LCH | 53.587, 73.439, 292.858 |
CIE-LUV | 53.587, -16.817, -108.149 |
Hunter-Lab | 46.462, 22.217, -82.235 |
Binary | 01010110, 01110110, 11110110 |
Color Schemes with #5676f6
Alternatives to #5676f6
Below, you can see some colors close to #5676f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5676f6 Preview
This text has a font color of #5676f6.
<span style="color:#5676f6;">Text here</span>
This paragraph has a background color of #5676f6.
<p style="background-color:#5676f6;">Content here</p>
This element has a border color of #5676f6.
<div style="border:1px solid #5676f6;">Content here</div>
.text {color:#5676f6;}
.background {background-color:#5676f6;}
.border {border:1px solid #5676f6;}
Shades and Tints of #5676f6
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, #010411 is the darkest color, while #fefeff is the lightest one.
-
#010411
#010411
rgb(1,4,17)
-
#020924
#020924
rgb(2,9,36)
-
#030d36
#030d36
rgb(3,13,54)
-
#041249
#041249
rgb(4,18,73)
-
#05165c
#05165c
rgb(5,22,92)
-
#061b6e
#061b6e
rgb(6,27,110)
-
#071f81
#071f81
rgb(7,31,129)
-
#082494
#082494
rgb(8,36,148)
-
#0928a6
#0928a6
rgb(9,40,166)
-
#0a2db9
#0a2db9
rgb(10,45,185)
-
#0b31cb
#0b31cb
rgb(11,49,203)
-
#0c36de
#0c36de
rgb(12,54,222)
-
#0d3af1
#0d3af1
rgb(13,58,241)
-
#1e49f3
#1e49f3
rgb(30,73,243)
-
#3158f4
#3158f4
rgb(49,88,244)
-
#4367f5
#4367f5
rgb(67,103,245)
-
#5676f6
#5676f6
rgb(86,118,246)
-
#6985f7
#6985f7
rgb(105,133,247)
-
#7b94f8
#7b94f8
rgb(123,148,248)
-
#8ea3f9
#8ea3f9
rgb(142,163,249)
-
#a0b2fa
#a0b2fa
rgb(160,178,250)
-
#b3c1fb
#b3c1fb
rgb(179,193,251)
-
#c6d1fc
#c6d1fc
rgb(198,209,252)
-
#d8e0fd
#d8e0fd
rgb(216,224,253)
-
#ebeffe
#ebeffe
rgb(235,239,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #5676f6
A tone is produced by adding gray to any pure hue. In this case, #a1a3ab is the less saturated color, while #4f72fd is the most saturated one.
-
#a1a3ab
#a1a3ab
rgb(161,163,171)
-
#9a9fb2
#9a9fb2
rgb(154,159,178)
-
#949bb8
#949bb8
rgb(148,155,184)
-
#8d97bf
#8d97bf
rgb(141,151,191)
-
#8693c6
#8693c6
rgb(134,147,198)
-
#7f8fcd
#7f8fcd
rgb(127,143,205)
-
#788bd4
#788bd4
rgb(120,139,212)
-
#7186db
#7186db
rgb(113,134,219)
-
#6b82e1
#6b82e1
rgb(107,130,225)
-
#647ee8
#647ee8
rgb(100,126,232)
-
#5d7aef
#5d7aef
rgb(93,122,239)
-
#5676f6
#5676f6
rgb(86,118,246)
-
#4f72fd
#4f72fd
rgb(79,114,253)
Color Blindness Simulator
Below, you can see how #5676f6 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.