#356ab2 Color Information
In a RGB color space, hex #356ab2 is composed of 20.8% red, 41.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 40.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 214.6 degrees, a saturation of 54.1% and a lightness of 45.3%. #356ab2 color hex could be obtained by blending #6ad4ff with #000065. Closest websafe color is: #336699.
-
- R 21
- G 42
- B 70
-
- C 70
- M 40
- Y 0
- K 30
● #356ab2 color description : Dark blue.
#356ab2 Color Conversion
The hexadecimal color #356ab2 has RGB values of R:53, G:106, B:178 and CMYK values of C:0.7, M:0.4, Y:0, K:0.3. Its decimal value is 3500722.
Hex triplet | 356ab2 | #356ab2 |
---|---|---|
RGB Decimal | 53, 106, 178 | rgb(53,106,178) |
RGB Percent | 20.8, 41.6, 69.8 | rgb(20.8%,41.6%,69.8%) |
CMYK | 70, 40, 0, 30 | |
HSL | 214.6°, 54.1, 45.3 | hsl(214.6,54.1%,45.3%) |
HSV (or HSB) | 214.6°, 70.2, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.629, 6.788, -43.443 |
---|---|
XYZ | 14.656, 14.278, 44.101 |
xyY | 0.201, 0.195, 14.278 |
CIE-LCH | 44.629, 43.97, 278.881 |
CIE-LUV | 44.629, -20.598, -65.27 |
Hunter-Lab | 37.787, 3.108, -42.747 |
Binary | 00110101, 01101010, 10110010 |
Color Schemes with #356ab2
Alternatives to #356ab2
Below, you can see some colors close to #356ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ab2 Preview
This text has a font color of #356ab2.
<span style="color:#356ab2;">Text here</span>
This paragraph has a background color of #356ab2.
<p style="background-color:#356ab2;">Content here</p>
This element has a border color of #356ab2.
<div style="border:1px solid #356ab2;">Content here</div>
.text {color:#356ab2;}
.background {background-color:#356ab2;}
.border {border:1px solid #356ab2;}
Shades and Tints of #356ab2
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, #03070c is the darkest color, while #fcfdfe is the lightest one.
-
#03070c
#03070c
rgb(3,7,12)
-
#08101b
#08101b
rgb(8,16,27)
-
#0c192a
#0c192a
rgb(12,25,42)
-
#112239
#112239
rgb(17,34,57)
-
#152b48
#152b48
rgb(21,43,72)
-
#1a3457
#1a3457
rgb(26,52,87)
-
#1e3d66
#1e3d66
rgb(30,61,102)
-
#234676
#234676
rgb(35,70,118)
-
#274f85
#274f85
rgb(39,79,133)
-
#2c5894
#2c5894
rgb(44,88,148)
-
#3061a3
#3061a3
rgb(48,97,163)
-
#356ab2
#356ab2
rgb(53,106,178)
-
#3a73c1
#3a73c1
rgb(58,115,193)
-
#467dc8
#467dc8
rgb(70,125,200)
-
#5588cc
#5588cc
rgb(85,136,204)
-
#6492d1
#6492d1
rgb(100,146,209)
-
#749dd5
#749dd5
rgb(116,157,213)
-
#83a8da
#83a8da
rgb(131,168,218)
-
#92b2de
#92b2de
rgb(146,178,222)
-
#a1bde3
#a1bde3
rgb(161,189,227)
-
#b0c8e7
#b0c8e7
rgb(176,200,231)
-
#bfd2ec
#bfd2ec
rgb(191,210,236)
-
#ceddf0
#ceddf0
rgb(206,221,240)
-
#dde7f5
#dde7f5
rgb(221,231,245)
-
#edf2f9
#edf2f9
rgb(237,242,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #356ab2
A tone is produced by adding gray to any pure hue. In this case, #737374 is the less saturated color, while #0963de is the most saturated one.
-
#737374
#737374
rgb(115,115,116)
-
#6a727d
#6a727d
rgb(106,114,125)
-
#617186
#617186
rgb(97,113,134)
-
#596f8e
#596f8e
rgb(89,111,142)
-
#506e97
#506e97
rgb(80,110,151)
-
#476da0
#476da0
rgb(71,109,160)
-
#3e6ba9
#3e6ba9
rgb(62,107,169)
-
#356ab2
#356ab2
rgb(53,106,178)
-
#2c69bb
#2c69bb
rgb(44,105,187)
-
#2367c4
#2367c4
rgb(35,103,196)
-
#1a66cd
#1a66cd
rgb(26,102,205)
-
#1165d6
#1165d6
rgb(17,101,214)
-
#0963de
#0963de
rgb(9,99,222)
Color Blindness Simulator
Below, you can see how #356ab2 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.