#356ea0 Color Information
In a RGB color space, hex #356ea0 is composed of 20.8% red, 43.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 31.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 208 degrees, a saturation of 50.2% and a lightness of 41.8%. #356ea0 color hex could be obtained by blending #6adcff with #000041. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 63
-
- C 67
- M 31
- Y 0
- K 37
● #356ea0 color description : Dark moderate blue.
#356ea0 Color Conversion
The hexadecimal color #356ea0 has RGB values of R:53, G:110, B:160 and CMYK values of C:0.67, M:0.31, Y:0, K:0.37. Its decimal value is 3501728.
Hex triplet | 356ea0 | #356ea0 |
---|---|---|
RGB Decimal | 53, 110, 160 | rgb(53,110,160) |
RGB Percent | 20.8, 43.1, 62.7 | rgb(20.8%,43.1%,62.7%) |
CMYK | 67, 31, 0, 37 | |
HSL | 208°, 50.2, 41.8 | hsl(208,50.2%,41.8%) |
HSV (or HSB) | 208°, 66.9, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.866, -2.2, -32.503 |
---|---|
XYZ | 13.388, 14.446, 35.339 |
xyY | 0.212, 0.229, 14.446 |
CIE-LCH | 44.866, 32.578, 266.127 |
CIE-LUV | 44.866, -22.458, -47.535 |
Hunter-Lab | 38.008, -3.639, -28.521 |
Binary | 00110101, 01101110, 10100000 |
Color Schemes with #356ea0
Alternatives to #356ea0
Below, you can see some colors close to #356ea0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ea0 Preview
This text has a font color of #356ea0.
<span style="color:#356ea0;">Text here</span>
This paragraph has a background color of #356ea0.
<p style="background-color:#356ea0;">Content here</p>
This element has a border color of #356ea0.
<div style="border:1px solid #356ea0;">Content here</div>
.text {color:#356ea0;}
.background {background-color:#356ea0;}
.border {border:1px solid #356ea0;}
Shades and Tints of #356ea0
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, #04090d is the darkest color, while #fdfefe is the lightest one.
-
#04090d
#04090d
rgb(4,9,13)
-
#09131b
#09131b
rgb(9,19,27)
-
#0e1d2a
#0e1d2a
rgb(14,29,42)
-
#132739
#132739
rgb(19,39,57)
-
#183148
#183148
rgb(24,49,72)
-
#1d3b56
#1d3b56
rgb(29,59,86)
-
#214565
#214565
rgb(33,69,101)
-
#265074
#265074
rgb(38,80,116)
-
#2b5a83
#2b5a83
rgb(43,90,131)
-
#306491
#306491
rgb(48,100,145)
-
#356ea0
#356ea0
rgb(53,110,160)
-
#3a78af
#3a78af
rgb(58,120,175)
-
#3f82bd
#3f82bd
rgb(63,130,189)
-
#4c8cc4
#4c8cc4
rgb(76,140,196)
-
#5b95c9
#5b95c9
rgb(91,149,201)
-
#6a9fce
#6a9fce
rgb(106,159,206)
-
#78a8d2
#78a8d2
rgb(120,168,210)
-
#87b2d7
#87b2d7
rgb(135,178,215)
-
#96bbdc
#96bbdc
rgb(150,187,220)
-
#a5c5e1
#a5c5e1
rgb(165,197,225)
-
#b3cee6
#b3cee6
rgb(179,206,230)
-
#c2d8eb
#c2d8eb
rgb(194,216,235)
-
#d1e1f0
#d1e1f0
rgb(209,225,240)
-
#dfebf5
#dfebf5
rgb(223,235,245)
-
#eef4f9
#eef4f9
rgb(238,244,249)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #356ea0
A tone is produced by adding gray to any pure hue. In this case, #666b6f is the less saturated color, while #0471d1 is the most saturated one.
-
#666b6f
#666b6f
rgb(102,107,111)
-
#5e6b77
#5e6b77
rgb(94,107,119)
-
#566c7f
#566c7f
rgb(86,108,127)
-
#4e6c87
#4e6c87
rgb(78,108,135)
-
#456d90
#456d90
rgb(69,109,144)
-
#3d6d98
#3d6d98
rgb(61,109,152)
-
#356ea0
#356ea0
rgb(53,110,160)
-
#2d6fa8
#2d6fa8
rgb(45,111,168)
-
#256fb0
#256fb0
rgb(37,111,176)
-
#1c70b9
#1c70b9
rgb(28,112,185)
-
#1470c1
#1470c1
rgb(20,112,193)
-
#0c71c9
#0c71c9
rgb(12,113,201)
-
#0471d1
#0471d1
rgb(4,113,209)
Color Blindness Simulator
Below, you can see how #356ea0 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.