#356ea4 Color Information
In a RGB color space, hex #356ea4 is composed of 20.8% red, 43.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 32.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 209.2 degrees, a saturation of 51.2% and a lightness of 42.5%. #356ea4 color hex could be obtained by blending #6adcff with #000049. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 64
-
- C 68
- M 33
- Y 0
- K 36
● #356ea4 color description : Dark moderate blue.
#356ea4 Color Conversion
The hexadecimal color #356ea4 has RGB values of R:53, G:110, B:164 and CMYK values of C:0.68, M:0.33, Y:0, K:0.36. Its decimal value is 3501732.
Hex triplet | 356ea4 | #356ea4 |
---|---|---|
RGB Decimal | 53, 110, 164 | rgb(53,110,164) |
RGB Percent | 20.8, 43.1, 64.3 | rgb(20.8%,43.1%,64.3%) |
CMYK | 68, 33, 0, 36 | |
HSL | 209.2°, 51.2, 42.5 | hsl(209.2,51.2%,42.5%) |
HSV (or HSB) | 209.2°, 67.7, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.065, -0.775, -34.546 |
---|---|
XYZ | 13.743, 14.588, 37.211 |
xyY | 0.21, 0.223, 14.588 |
CIE-LCH | 45.065, 34.555, 268.714 |
CIE-LUV | 45.065, -22.335, -50.905 |
Hunter-Lab | 38.194, -2.611, -31.028 |
Binary | 00110101, 01101110, 10100100 |
Color Schemes with #356ea4
Alternatives to #356ea4
Below, you can see some colors close to #356ea4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ea4 Preview
This text has a font color of #356ea4.
<span style="color:#356ea4;">Text here</span>
This paragraph has a background color of #356ea4.
<p style="background-color:#356ea4;">Content here</p>
This element has a border color of #356ea4.
<div style="border:1px solid #356ea4;">Content here</div>
.text {color:#356ea4;}
.background {background-color:#356ea4;}
.border {border:1px solid #356ea4;}
Shades and Tints of #356ea4
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, #000101 is the darkest color, while #f1f6fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050b10
#050b10
rgb(5,11,16)
-
#0a151f
#0a151f
rgb(10,21,31)
-
#0f1e2d
#0f1e2d
rgb(15,30,45)
-
#13283c
#13283c
rgb(19,40,60)
-
#18324b
#18324b
rgb(24,50,75)
-
#1d3c5a
#1d3c5a
rgb(29,60,90)
-
#224669
#224669
rgb(34,70,105)
-
#275078
#275078
rgb(39,80,120)
-
#2b5a86
#2b5a86
rgb(43,90,134)
-
#306495
#306495
rgb(48,100,149)
-
#356ea4
#356ea4
rgb(53,110,164)
-
#3a78b3
#3a78b3
rgb(58,120,179)
-
#3f82c1
#3f82c1
rgb(63,130,193)
-
#4e8cc6
#4e8cc6
rgb(78,140,198)
-
#5d95cb
#5d95cb
rgb(93,149,203)
-
#6c9fcf
#6c9fcf
rgb(108,159,207)
-
#7ba9d4
#7ba9d4
rgb(123,169,212)
-
#89b2d9
#89b2d9
rgb(137,178,217)
-
#98bcde
#98bcde
rgb(152,188,222)
-
#a7c6e3
#a7c6e3
rgb(167,198,227)
-
#b6cfe7
#b6cfe7
rgb(182,207,231)
-
#c5d9ec
#c5d9ec
rgb(197,217,236)
-
#d3e3f1
#d3e3f1
rgb(211,227,241)
-
#e2ecf6
#e2ecf6
rgb(226,236,246)
-
#f1f6fb
#f1f6fb
rgb(241,246,251)
Tones of #356ea4
A tone is produced by adding gray to any pure hue. In this case, #676d72 is the less saturated color, while #036fd6 is the most saturated one.
-
#676d72
#676d72
rgb(103,109,114)
-
#5f6d7a
#5f6d7a
rgb(95,109,122)
-
#566d83
#566d83
rgb(86,109,131)
-
#4e6d8b
#4e6d8b
rgb(78,109,139)
-
#466e93
#466e93
rgb(70,110,147)
-
#3d6e9c
#3d6e9c
rgb(61,110,156)
-
#356ea4
#356ea4
rgb(53,110,164)
-
#2d6eac
#2d6eac
rgb(45,110,172)
-
#246eb5
#246eb5
rgb(36,110,181)
-
#1c6fbd
#1c6fbd
rgb(28,111,189)
-
#146fc5
#146fc5
rgb(20,111,197)
-
#0b6fce
#0b6fce
rgb(11,111,206)
-
#036fd6
#036fd6
rgb(3,111,214)
Color Blindness Simulator
Below, you can see how #356ea4 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.