#356bec Color Information
In a RGB color space, hex #356bec is composed of 20.8% red, 42% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 54.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 222.3 degrees, a saturation of 82.8% and a lightness of 56.7%. #356bec color hex could be obtained by blending #6ad6ff with #0000d9. Closest websafe color is: #3366ff.
-
- R 21
- G 42
- B 93
-
- C 78
- M 55
- Y 0
- K 7
● #356bec color description : Bright blue.
#356bec Color Conversion
The hexadecimal color #356bec has RGB values of R:53, G:107, B:236 and CMYK values of C:0.78, M:0.55, Y:0, K:0.07. Its decimal value is 3501036.
Hex triplet | 356bec | #356bec |
---|---|---|
RGB Decimal | 53, 107, 236 | rgb(53,107,236) |
RGB Percent | 20.8, 42, 92.5 | rgb(20.8%,42%,92.5%) |
CMYK | 78, 55, 0, 7 | |
HSL | 222.3°, 82.8, 56.7 | hsl(222.3,82.8%,56.7%) |
HSV (or HSB) | 222.3°, 77.5, 92.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.669, 27.61, -70.126 |
---|---|
XYZ | 21.863, 17.327, 81.544 |
xyY | 0.181, 0.144, 17.327 |
CIE-LCH | 48.669, 75.366, 291.491 |
CIE-LUV | 48.669, -20.061, -108.884 |
Hunter-Lab | 41.625, 20.909, -87.012 |
Binary | 00110101, 01101011, 11101100 |
Color Schemes with #356bec
Alternatives to #356bec
Below, you can see some colors close to #356bec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356bec Preview
This text has a font color of #356bec.
<span style="color:#356bec;">Text here</span>
This paragraph has a background color of #356bec.
<p style="background-color:#356bec;">Content here</p>
This element has a border color of #356bec.
<div style="border:1px solid #356bec;">Content here</div>
.text {color:#356bec;}
.background {background-color:#356bec;}
.border {border:1px solid #356bec;}
Shades and Tints of #356bec
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, #01050d is the darkest color, while #fafbff is the lightest one.
-
#01050d
#01050d
rgb(1,5,13)
-
#030b1f
#030b1f
rgb(3,11,31)
-
#051231
#051231
rgb(5,18,49)
-
#061843
#061843
rgb(6,24,67)
-
#081f55
#081f55
rgb(8,31,85)
-
#0a2567
#0a2567
rgb(10,37,103)
-
#0b2c79
#0b2c79
rgb(11,44,121)
-
#0d328b
#0d328b
rgb(13,50,139)
-
#0f399d
#0f399d
rgb(15,57,157)
-
#103faf
#103faf
rgb(16,63,175)
-
#1246c0
#1246c0
rgb(18,70,192)
-
#144cd2
#144cd2
rgb(20,76,210)
-
#1553e4
#1553e4
rgb(21,83,228)
-
#235eea
#235eea
rgb(35,94,234)
-
#356bec
#356bec
rgb(53,107,236)
-
#4778ee
#4778ee
rgb(71,120,238)
-
#5985ef
#5985ef
rgb(89,133,239)
-
#6b92f1
#6b92f1
rgb(107,146,241)
-
#7da0f3
#7da0f3
rgb(125,160,243)
-
#8fadf4
#8fadf4
rgb(143,173,244)
-
#a1baf6
#a1baf6
rgb(161,186,246)
-
#b3c7f8
#b3c7f8
rgb(179,199,248)
-
#c4d4f9
#c4d4f9
rgb(196,212,249)
-
#d6e1fb
#d6e1fb
rgb(214,225,251)
-
#e8eefd
#e8eefd
rgb(232,238,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #356bec
A tone is produced by adding gray to any pure hue. In this case, #8a8e97 is the less saturated color, while #2464fd is the most saturated one.
-
#8a8e97
#8a8e97
rgb(138,142,151)
-
#828aa0
#828aa0
rgb(130,138,160)
-
#7987a8
#7987a8
rgb(121,135,168)
-
#7183b1
#7183b1
rgb(113,131,177)
-
#6880b9
#6880b9
rgb(104,128,185)
-
#607cc2
#607cc2
rgb(96,124,194)
-
#5779ca
#5779ca
rgb(87,121,202)
-
#4f75d3
#4f75d3
rgb(79,117,211)
-
#4672db
#4672db
rgb(70,114,219)
-
#3e6ee4
#3e6ee4
rgb(62,110,228)
-
#356bec
#356bec
rgb(53,107,236)
-
#2d68f5
#2d68f5
rgb(45,104,245)
-
#2464fd
#2464fd
rgb(36,100,253)
Color Blindness Simulator
Below, you can see how #356bec 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.