#356ea9 Color Information
In a RGB color space, hex #356ea9 is composed of 20.8% red, 43.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 34.9% magenta, 0% yellow and 33.7% black. It has a hue angle of 210.5 degrees, a saturation of 52.3% and a lightness of 43.5%. #356ea9 color hex could be obtained by blending #6adcff with #000053. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 66
-
- C 69
- M 35
- Y 0
- K 34
● #356ea9 color description : Dark moderate blue.
#356ea9 Color Conversion
The hexadecimal color #356ea9 has RGB values of R:53, G:110, B:169 and CMYK values of C:0.69, M:0.35, Y:0, K:0.34. Its decimal value is 3501737.
Hex triplet | 356ea9 | #356ea9 |
---|---|---|
RGB Decimal | 53, 110, 169 | rgb(53,110,169) |
RGB Percent | 20.8, 43.1, 66.3 | rgb(20.8%,43.1%,66.3%) |
CMYK | 69, 35, 0, 34 | |
HSL | 210.5°, 52.3, 43.5 | hsl(210.5,52.3%,43.5%) |
HSV (or HSB) | 210.5°, 68.6, 66.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.321, 1.021, -37.079 |
---|---|
XYZ | 14.204, 14.772, 39.637 |
xyY | 0.207, 0.215, 14.772 |
CIE-LCH | 45.321, 37.093, 271.577 |
CIE-LUV | 45.321, -22.188, -55.093 |
Hunter-Lab | 38.435, -1.295, -34.24 |
Binary | 00110101, 01101110, 10101001 |
Color Schemes with #356ea9
Alternatives to #356ea9
Below, you can see some colors close to #356ea9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ea9 Preview
This text has a font color of #356ea9.
<span style="color:#356ea9;">Text here</span>
This paragraph has a background color of #356ea9.
<p style="background-color:#356ea9;">Content here</p>
This element has a border color of #356ea9.
<div style="border:1px solid #356ea9;">Content here</div>
.text {color:#356ea9;}
.background {background-color:#356ea9;}
.border {border:1px solid #356ea9;}
Shades and Tints of #356ea9
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, #010305 is the darkest color, while #f5f8fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#060d14
#060d14
rgb(6,13,20)
-
#0b1723
#0b1723
rgb(11,23,35)
-
#102032
#102032
rgb(16,32,50)
-
#142a40
#142a40
rgb(20,42,64)
-
#19344f
#19344f
rgb(25,52,79)
-
#1e3d5e
#1e3d5e
rgb(30,61,94)
-
#22476d
#22476d
rgb(34,71,109)
-
#27517c
#27517c
rgb(39,81,124)
-
#2c5b8b
#2c5b8b
rgb(44,91,139)
-
#30649a
#30649a
rgb(48,100,154)
-
#356ea9
#356ea9
rgb(53,110,169)
-
#3a78b8
#3a78b8
rgb(58,120,184)
-
#4281c4
#4281c4
rgb(66,129,196)
-
#518bc8
#518bc8
rgb(81,139,200)
-
#5f95cd
#5f95cd
rgb(95,149,205)
-
#6e9fd2
#6e9fd2
rgb(110,159,210)
-
#7da9d6
#7da9d6
rgb(125,169,214)
-
#8cb3db
#8cb3db
rgb(140,179,219)
-
#9bbde0
#9bbde0
rgb(155,189,224)
-
#aac7e4
#aac7e4
rgb(170,199,228)
-
#b9d1e9
#b9d1e9
rgb(185,209,233)
-
#c8dbee
#c8dbee
rgb(200,219,238)
-
#d7e4f2
#d7e4f2
rgb(215,228,242)
-
#e6eef7
#e6eef7
rgb(230,238,247)
-
#f5f8fc
#f5f8fc
rgb(245,248,252)
Tones of #356ea9
A tone is produced by adding gray to any pure hue. In this case, #686f76 is the less saturated color, while #026ddc is the most saturated one.
-
#686f76
#686f76
rgb(104,111,118)
-
#606f7e
#606f7e
rgb(96,111,126)
-
#576f87
#576f87
rgb(87,111,135)
-
#4f6e8f
#4f6e8f
rgb(79,110,143)
-
#466e98
#466e98
rgb(70,110,152)
-
#3e6ea0
#3e6ea0
rgb(62,110,160)
-
#356ea9
#356ea9
rgb(53,110,169)
-
#2c6eb2
#2c6eb2
rgb(44,110,178)
-
#246eba
#246eba
rgb(36,110,186)
-
#1b6ec3
#1b6ec3
rgb(27,110,195)
-
#136dcb
#136dcb
rgb(19,109,203)
-
#0a6dd4
#0a6dd4
rgb(10,109,212)
-
#026ddc
#026ddc
rgb(2,109,220)
Color Blindness Simulator
Below, you can see how #356ea9 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.