#356fcc Color Information
In a RGB color space, hex #356fcc is composed of 20.8% red, 43.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 45.6% magenta, 0% yellow and 20% black. It has a hue angle of 217 degrees, a saturation of 59.7% and a lightness of 50.4%. #356fcc color hex could be obtained by blending #6adeff with #000099. Closest websafe color is: #3366cc.
-
- R 21
- G 44
- B 80
-
- C 74
- M 46
- Y 0
- K 20
● #356fcc color description : Moderate blue.
#356fcc Color Conversion
The hexadecimal color #356fcc has RGB values of R:53, G:111, B:204 and CMYK values of C:0.74, M:0.46, Y:0, K:0.2. Its decimal value is 3502028.
Hex triplet | 356fcc | #356fcc |
---|---|---|
RGB Decimal | 53, 111, 204 | rgb(53,111,204) |
RGB Percent | 20.8, 43.5, 80 | rgb(20.8%,43.5%,80%) |
CMYK | 74, 46, 0, 20 | |
HSL | 217°, 59.7, 50.4 | hsl(217,59.7%,50.4%) |
HSV (or HSB) | 217°, 74, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.603, 13.242, -53.717 |
---|---|
XYZ | 18.049, 16.484, 59.354 |
xyY | 0.192, 0.176, 16.484 |
CIE-LCH | 47.603, 55.325, 283.848 |
CIE-LUV | 47.603, -21.661, -82.756 |
Hunter-Lab | 40.601, 8.303, -58.256 |
Binary | 00110101, 01101111, 11001100 |
Color Schemes with #356fcc
Alternatives to #356fcc
Below, you can see some colors close to #356fcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356fcc Preview
This text has a font color of #356fcc.
<span style="color:#356fcc;">Text here</span>
This paragraph has a background color of #356fcc.
<p style="background-color:#356fcc;">Content here</p>
This element has a border color of #356fcc.
<div style="border:1px solid #356fcc;">Content here</div>
.text {color:#356fcc;}
.background {background-color:#356fcc;}
.border {border:1px solid #356fcc;}
Shades and Tints of #356fcc
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, #000102 is the darkest color, while #f1f5fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040911
#040911
rgb(4,9,17)
-
#081221
#081221
rgb(8,18,33)
-
#0c1a31
#0c1a31
rgb(12,26,49)
-
#102340
#102340
rgb(16,35,64)
-
#142b50
#142b50
rgb(20,43,80)
-
#183460
#183460
rgb(24,52,96)
-
#1c3c6f
#1c3c6f
rgb(28,60,111)
-
#20447f
#20447f
rgb(32,68,127)
-
#244d8f
#244d8f
rgb(36,77,143)
-
#28559e
#28559e
rgb(40,85,158)
-
#2c5eae
#2c5eae
rgb(44,94,174)
-
#3066be
#3066be
rgb(48,102,190)
-
#356fcc
#356fcc
rgb(53,111,204)
-
#457ad0
#457ad0
rgb(69,122,208)
-
#5485d4
#5485d4
rgb(84,133,212)
-
#6490d8
#6490d8
rgb(100,144,216)
-
#749cdc
#749cdc
rgb(116,156,220)
-
#83a7e0
#83a7e0
rgb(131,167,224)
-
#93b2e4
#93b2e4
rgb(147,178,228)
-
#a3bde8
#a3bde8
rgb(163,189,232)
-
#b2c8ec
#b2c8ec
rgb(178,200,236)
-
#c2d3f0
#c2d3f0
rgb(194,211,240)
-
#d2dff4
#d2dff4
rgb(210,223,244)
-
#e1eaf7
#e1eaf7
rgb(225,234,247)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #356fcc
A tone is produced by adding gray to any pure hue. In this case, #797f88 is the less saturated color, while #0464fd is the most saturated one.
-
#797f88
#797f88
rgb(121,127,136)
-
#6f7d92
#6f7d92
rgb(111,125,146)
-
#667a9b
#667a9b
rgb(102,122,155)
-
#5c78a5
#5c78a5
rgb(92,120,165)
-
#5276af
#5276af
rgb(82,118,175)
-
#4874b9
#4874b9
rgb(72,116,185)
-
#3f71c2
#3f71c2
rgb(63,113,194)
-
#356fcc
#356fcc
rgb(53,111,204)
-
#2b6dd6
#2b6dd6
rgb(43,109,214)
-
#226adf
#226adf
rgb(34,106,223)
-
#1868e9
#1868e9
rgb(24,104,233)
-
#0e66f3
#0e66f3
rgb(14,102,243)
-
#0464fd
#0464fd
rgb(4,100,253)
Color Blindness Simulator
Below, you can see how #356fcc 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.