#356baf Color Information
In a RGB color space, hex #356baf is composed of 20.8% red, 42% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 38.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 213.4 degrees, a saturation of 53.5% and a lightness of 44.7%. #356baf color hex could be obtained by blending #6ad6ff with #00005f. Closest websafe color is: #336699.
-
- R 21
- G 42
- B 69
-
- C 70
- M 39
- Y 0
- K 31
● #356baf color description : Dark moderate blue.
#356baf Color Conversion
The hexadecimal color #356baf has RGB values of R:53, G:107, B:175 and CMYK values of C:0.7, M:0.39, Y:0, K:0.31. Its decimal value is 3500975.
Hex triplet | 356baf | #356baf |
---|---|---|
RGB Decimal | 53, 107, 175 | rgb(53,107,175) |
RGB Percent | 20.8, 42, 68.6 | rgb(20.8%,42%,68.6%) |
CMYK | 70, 39, 0, 31 | |
HSL | 213.4°, 53.5, 44.7 | hsl(213.4,53.5%,44.7%) |
HSV (or HSB) | 213.4°, 69.7, 68.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.754, 5.061, -41.491 |
---|---|
XYZ | 14.462, 14.366, 42.566 |
xyY | 0.203, 0.201, 14.366 |
CIE-LCH | 44.754, 41.799, 276.955 |
CIE-LUV | 44.754, -21.002, -62.149 |
Hunter-Lab | 37.903, 1.777, -40.052 |
Binary | 00110101, 01101011, 10101111 |
Color Schemes with #356baf
Alternatives to #356baf
Below, you can see some colors close to #356baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356baf Preview
This text has a font color of #356baf.
<span style="color:#356baf;">Text here</span>
This paragraph has a background color of #356baf.
<p style="background-color:#356baf;">Content here</p>
This element has a border color of #356baf.
<div style="border:1px solid #356baf;">Content here</div>
.text {color:#356baf;}
.background {background-color:#356baf;}
.border {border:1px solid #356baf;}
Shades and Tints of #356baf
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, #030609 is the darkest color, while #f9fbfd is the lightest one.
-
#030609
#030609
rgb(3,6,9)
-
#070f18
#070f18
rgb(7,15,24)
-
#0c1827
#0c1827
rgb(12,24,39)
-
#112137
#112137
rgb(17,33,55)
-
#152b46
#152b46
rgb(21,43,70)
-
#1a3455
#1a3455
rgb(26,52,85)
-
#1e3d64
#1e3d64
rgb(30,61,100)
-
#234673
#234673
rgb(35,70,115)
-
#274f82
#274f82
rgb(39,79,130)
-
#2c5991
#2c5991
rgb(44,89,145)
-
#3062a0
#3062a0
rgb(48,98,160)
-
#356baf
#356baf
rgb(53,107,175)
-
#3a74be
#3a74be
rgb(58,116,190)
-
#457ec7
#457ec7
rgb(69,126,199)
-
#5489cb
#5489cb
rgb(84,137,203)
-
#6393d0
#6393d0
rgb(99,147,208)
-
#729dd4
#729dd4
rgb(114,157,212)
-
#81a8d9
#81a8d9
rgb(129,168,217)
-
#90b2dd
#90b2dd
rgb(144,178,221)
-
#9fbde2
#9fbde2
rgb(159,189,226)
-
#aec7e6
#aec7e6
rgb(174,199,230)
-
#bdd1eb
#bdd1eb
rgb(189,209,235)
-
#ccdcf0
#ccdcf0
rgb(204,220,240)
-
#dbe6f4
#dbe6f4
rgb(219,230,244)
-
#eaf1f9
#eaf1f9
rgb(234,241,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #356baf
A tone is produced by adding gray to any pure hue. In this case, #6a717a is the less saturated color, while #0065e4 is the most saturated one.
-
#6a717a
#6a717a
rgb(106,113,122)
-
#617083
#617083
rgb(97,112,131)
-
#586f8c
#586f8c
rgb(88,111,140)
-
#4f6e95
#4f6e95
rgb(79,110,149)
-
#476d9d
#476d9d
rgb(71,109,157)
-
#3e6ca6
#3e6ca6
rgb(62,108,166)
-
#356baf
#356baf
rgb(53,107,175)
-
#2c6ab8
#2c6ab8
rgb(44,106,184)
-
#2369c1
#2369c1
rgb(35,105,193)
-
#1b68c9
#1b68c9
rgb(27,104,201)
-
#1267d2
#1267d2
rgb(18,103,210)
-
#0966db
#0966db
rgb(9,102,219)
-
#0065e4
#0065e4
rgb(0,101,228)
Color Blindness Simulator
Below, you can see how #356baf 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.