#356ac2 Color Information
In a RGB color space, hex #356ac2 is composed of 20.8% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.4 degrees, a saturation of 57.1% and a lightness of 48.4%. #356ac2 color hex could be obtained by blending #6ad4ff with #000085. Closest websafe color is: #3366cc.
-
- R 21
- G 42
- B 76
-
- C 73
- M 45
- Y 0
- K 24
● #356ac2 color description : Moderate blue.
#356ac2 Color Conversion
The hexadecimal color #356ac2 has RGB values of R:53, G:106, B:194 and CMYK values of C:0.73, M:0.45, Y:0, K:0.24. Its decimal value is 3500738.
Hex triplet | 356ac2 | #356ac2 |
---|---|---|
RGB Decimal | 53, 106, 194 | rgb(53,106,194) |
RGB Percent | 20.8, 41.6, 76.1 | rgb(20.8%,41.6%,76.1%) |
CMYK | 73, 45, 0, 24 | |
HSL | 217.4°, 57.1, 48.4 | hsl(217.4,57.1%,48.4%) |
HSV (or HSB) | 217.4°, 72.7, 76.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.578, 12.698, -51.219 |
---|---|
XYZ | 16.358, 14.959, 53.061 |
xyY | 0.194, 0.177, 14.959 |
CIE-LCH | 45.578, 52.769, 283.924 |
CIE-LUV | 45.578, -20.283, -78.033 |
Hunter-Lab | 38.677, 7.81, -54.268 |
Binary | 00110101, 01101010, 11000010 |
Color Schemes with #356ac2
Alternatives to #356ac2
Below, you can see some colors close to #356ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ac2 Preview
This text has a font color of #356ac2.
<span style="color:#356ac2;">Text here</span>
This paragraph has a background color of #356ac2.
<p style="background-color:#356ac2;">Content here</p>
This element has a border color of #356ac2.
<div style="border:1px solid #356ac2;">Content here</div>
.text {color:#356ac2;}
.background {background-color:#356ac2;}
.border {border:1px solid #356ac2;}
Shades and Tints of #356ac2
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, #020509 is the darkest color, while #f9fafd is the lightest one.
-
#020509
#020509
rgb(2,5,9)
-
#070d19
#070d19
rgb(7,13,25)
-
#0b1628
#0b1628
rgb(11,22,40)
-
#0f1e37
#0f1e37
rgb(15,30,55)
-
#132747
#132747
rgb(19,39,71)
-
#182f56
#182f56
rgb(24,47,86)
-
#1c3766
#1c3766
rgb(28,55,102)
-
#204075
#204075
rgb(32,64,117)
-
#244884
#244884
rgb(36,72,132)
-
#285194
#285194
rgb(40,81,148)
-
#2d59a3
#2d59a3
rgb(45,89,163)
-
#3162b3
#3162b3
rgb(49,98,179)
-
#356ac2
#356ac2
rgb(53,106,194)
-
#4074cb
#4074cb
rgb(64,116,203)
-
#4f7fcf
#4f7fcf
rgb(79,127,207)
-
#5f8ad3
#5f8ad3
rgb(95,138,211)
-
#6e96d7
#6e96d7
rgb(110,150,215)
-
#7da1dc
#7da1dc
rgb(125,161,220)
-
#8dace0
#8dace0
rgb(141,172,224)
-
#9cb7e4
#9cb7e4
rgb(156,183,228)
-
#acc2e8
#acc2e8
rgb(172,194,232)
-
#bbceec
#bbceec
rgb(187,206,236)
-
#cad9f1
#cad9f1
rgb(202,217,241)
-
#dae4f5
#dae4f5
rgb(218,228,245)
-
#e9eff9
#e9eff9
rgb(233,239,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #356ac2
A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #065ef2 is the most saturated one.
-
#787b80
#787b80
rgb(120,123,128)
-
#6e7889
#6e7889
rgb(110,120,137)
-
#657693
#657693
rgb(101,118,147)
-
#5b739c
#5b739c
rgb(91,115,156)
-
#5271a6
#5271a6
rgb(82,113,166)
-
#486faf
#486faf
rgb(72,111,175)
-
#3f6cb9
#3f6cb9
rgb(63,108,185)
-
#356ac2
#356ac2
rgb(53,106,194)
-
#2c68cc
#2c68cc
rgb(44,104,204)
-
#2265d5
#2265d5
rgb(34,101,213)
-
#1963df
#1963df
rgb(25,99,223)
-
#0f61e8
#0f61e8
rgb(15,97,232)
-
#065ef2
#065ef2
rgb(6,94,242)
Color Blindness Simulator
Below, you can see how #356ac2 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.