#5556f2 Color Information
In a RGB color space, hex #5556f2 is composed of 33.3% red, 33.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 64.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 239.6 degrees, a saturation of 85.8% and a lightness of 64.1%. #5556f2 color hex could be obtained by blending #aaacff with #0000e5. Closest websafe color is: #6666ff.
-
- R 33
- G 34
- B 95
-
- C 65
- M 64
- Y 0
- K 5
● #5556f2 color description : Soft blue.
#5556f2 Color Conversion
The hexadecimal color #5556f2 has RGB values of R:85, G:86, B:242 and CMYK values of C:0.65, M:0.64, Y:0, K:0.05. Its decimal value is 5592818.
Hex triplet | 5556f2 | #5556f2 |
---|---|---|
RGB Decimal | 85, 86, 242 | rgb(85,86,242) |
RGB Percent | 33.3, 33.7, 94.9 | rgb(33.3%,33.7%,94.9%) |
CMYK | 65, 64, 0, 5 | |
HSL | 239.6°, 85.8, 64.1 | hsl(239.6,85.8%,64.1%) |
HSV (or HSB) | 239.6°, 64.9, 94.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.629, 46.375, -78.385 |
---|---|
XYZ | 23.098, 14.997, 85.677 |
xyY | 0.187, 0.121, 14.997 |
CIE-LCH | 45.629, 91.076, 300.61 |
CIE-LUV | 45.629, -8.846, -119.296 |
Hunter-Lab | 38.725, 38.698, -104.067 |
Binary | 01010101, 01010110, 11110010 |
Color Schemes with #5556f2
Alternatives to #5556f2
Below, you can see some colors close to #5556f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5556f2 Preview
This text has a font color of #5556f2.
<span style="color:#5556f2;">Text here</span>
This paragraph has a background color of #5556f2.
<p style="background-color:#5556f2;">Content here</p>
This element has a border color of #5556f2.
<div style="border:1px solid #5556f2;">Content here</div>
.text {color:#5556f2;}
.background {background-color:#5556f2;}
.border {border:1px solid #5556f2;}
Shades and Tints of #5556f2
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, #01010c is the darkest color, while #f9f9ff is the lightest one.
-
#01010c
#01010c
rgb(1,1,12)
-
#02031e
#02031e
rgb(2,3,30)
-
#040431
#040431
rgb(4,4,49)
-
#050643
#050643
rgb(5,6,67)
-
#070755
#070755
rgb(7,7,85)
-
#080967
#080967
rgb(8,9,103)
-
#090a7a
#090a7a
rgb(9,10,122)
-
#0b0c8c
#0b0c8c
rgb(11,12,140)
-
#0c0d9e
#0c0d9e
rgb(12,13,158)
-
#0d0fb0
#0d0fb0
rgb(13,15,176)
-
#0f10c2
#0f10c2
rgb(15,16,194)
-
#1012d5
#1012d5
rgb(16,18,213)
-
#1213e7
#1213e7
rgb(18,19,231)
-
#1e20ee
#1e20ee
rgb(30,32,238)
-
#3132ef
#3132ef
rgb(49,50,239)
-
#4344f1
#4344f1
rgb(67,68,241)
-
#5556f2
#5556f2
rgb(85,86,242)
-
#6768f3
#6768f3
rgb(103,104,243)
-
#797af5
#797af5
rgb(121,122,245)
-
#8c8cf6
#8c8cf6
rgb(140,140,246)
-
#9e9ef8
#9e9ef8
rgb(158,158,248)
-
#b0b1f9
#b0b1f9
rgb(176,177,249)
-
#c2c3fa
#c2c3fa
rgb(194,195,250)
-
#d5d5fc
#d5d5fc
rgb(213,213,252)
-
#e7e7fd
#e7e7fd
rgb(231,231,253)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #5556f2
A tone is produced by adding gray to any pure hue. In this case, #a2a2a5 is the less saturated color, while #4e4ff9 is the most saturated one.
-
#a2a2a5
#a2a2a5
rgb(162,162,165)
-
#9b9bac
#9b9bac
rgb(155,155,172)
-
#9495b3
#9495b3
rgb(148,149,179)
-
#8d8eba
#8d8eba
rgb(141,142,186)
-
#8687c1
#8687c1
rgb(134,135,193)
-
#7f80c8
#7f80c8
rgb(127,128,200)
-
#7879cf
#7879cf
rgb(120,121,207)
-
#7172d6
#7172d6
rgb(113,114,214)
-
#6a6bdd
#6a6bdd
rgb(106,107,221)
-
#6364e4
#6364e4
rgb(99,100,228)
-
#5c5deb
#5c5deb
rgb(92,93,235)
-
#5556f2
#5556f2
rgb(85,86,242)
-
#4e4ff9
#4e4ff9
rgb(78,79,249)
Color Blindness Simulator
Below, you can see how #5556f2 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.