#356ba5 Color Information
In a RGB color space, hex #356ba5 is composed of 20.8% red, 42% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 35.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 211.1 degrees, a saturation of 51.4% and a lightness of 42.7%. #356ba5 color hex could be obtained by blending #6ad6ff with #00004b. Closest websafe color is: #336699.
-
- R 21
- G 42
- B 65
-
- C 68
- M 35
- Y 0
- K 35
● #356ba5 color description : Dark moderate blue.
#356ba5 Color Conversion
The hexadecimal color #356ba5 has RGB values of R:53, G:107, B:165 and CMYK values of C:0.68, M:0.35, Y:0, K:0.35. Its decimal value is 3500965.
Hex triplet | 356ba5 | #356ba5 |
---|---|---|
RGB Decimal | 53, 107, 165 | rgb(53,107,165) |
RGB Percent | 20.8, 42, 64.7 | rgb(20.8%,42%,64.7%) |
CMYK | 68, 35, 0, 35 | |
HSL | 211.1°, 51.4, 42.7 | hsl(211.1,51.4%,42.7%) |
HSV (or HSB) | 211.1°, 67.9, 64.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.216, 1.429, -36.474 |
---|---|
XYZ | 13.516, 13.988, 37.583 |
xyY | 0.208, 0.215, 13.988 |
CIE-LCH | 44.216, 36.502, 272.243 |
CIE-LUV | 44.216, -21.254, -53.889 |
Hunter-Lab | 37.4, -0.944, -33.399 |
Binary | 00110101, 01101011, 10100101 |
Color Schemes with #356ba5
Alternatives to #356ba5
Below, you can see some colors close to #356ba5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ba5 Preview
This text has a font color of #356ba5.
<span style="color:#356ba5;">Text here</span>
This paragraph has a background color of #356ba5.
<p style="background-color:#356ba5;">Content here</p>
This element has a border color of #356ba5.
<div style="border:1px solid #356ba5;">Content here</div>
.text {color:#356ba5;}
.background {background-color:#356ba5;}
.border {border:1px solid #356ba5;}
Shades and Tints of #356ba5
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, #010102 is the darkest color, while #f2f6fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050b11
#050b11
rgb(5,11,17)
-
#0a141f
#0a141f
rgb(10,20,31)
-
#0f1e2e
#0f1e2e
rgb(15,30,46)
-
#14283d
#14283d
rgb(20,40,61)
-
#18314c
#18314c
rgb(24,49,76)
-
#1d3b5b
#1d3b5b
rgb(29,59,91)
-
#22446a
#22446a
rgb(34,68,106)
-
#274e78
#274e78
rgb(39,78,120)
-
#2b5887
#2b5887
rgb(43,88,135)
-
#306196
#306196
rgb(48,97,150)
-
#356ba5
#356ba5
rgb(53,107,165)
-
#3a75b4
#3a75b4
rgb(58,117,180)
-
#407ec2
#407ec2
rgb(64,126,194)
-
#4f88c6
#4f88c6
rgb(79,136,198)
-
#5d92cb
#5d92cb
rgb(93,146,203)
-
#6c9cd0
#6c9cd0
rgb(108,156,208)
-
#7ba6d5
#7ba6d5
rgb(123,166,213)
-
#8ab0d9
#8ab0d9
rgb(138,176,217)
-
#99bade
#99bade
rgb(153,186,222)
-
#a8c4e3
#a8c4e3
rgb(168,196,227)
-
#b6cee8
#b6cee8
rgb(182,206,232)
-
#c5d8ec
#c5d8ec
rgb(197,216,236)
-
#d4e2f1
#d4e2f1
rgb(212,226,241)
-
#e3ecf6
#e3ecf6
rgb(227,236,246)
-
#f2f6fb
#f2f6fb
rgb(242,246,251)
Tones of #356ba5
A tone is produced by adding gray to any pure hue. In this case, #676d73 is the less saturated color, while #0369d7 is the most saturated one.
-
#676d73
#676d73
rgb(103,109,115)
-
#5f6c7b
#5f6c7b
rgb(95,108,123)
-
#576c83
#576c83
rgb(87,108,131)
-
#4e6c8c
#4e6c8c
rgb(78,108,140)
-
#466c94
#466c94
rgb(70,108,148)
-
#3d6b9d
#3d6b9d
rgb(61,107,157)
-
#356ba5
#356ba5
rgb(53,107,165)
-
#2d6bad
#2d6bad
rgb(45,107,173)
-
#246ab6
#246ab6
rgb(36,106,182)
-
#1c6abe
#1c6abe
rgb(28,106,190)
-
#136ac7
#136ac7
rgb(19,106,199)
-
#0b6acf
#0b6acf
rgb(11,106,207)
-
#0369d7
#0369d7
rgb(3,105,215)
Color Blindness Simulator
Below, you can see how #356ba5 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.