#356cce Color Information
In a RGB color space, hex #356cce is composed of 20.8% red, 42.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 47.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 218.4 degrees, a saturation of 61% and a lightness of 50.8%. #356cce color hex could be obtained by blending #6ad8ff with #00009d. Closest websafe color is: #3366cc.
-
- R 21
- G 42
- B 81
-
- C 74
- M 48
- Y 0
- K 19
● #356cce color description : Moderate blue.
#356cce Color Conversion
The hexadecimal color #356cce has RGB values of R:53, G:108, B:206 and CMYK values of C:0.74, M:0.48, Y:0, K:0.19. Its decimal value is 3501262.
Hex triplet | 356cce | #356cce |
---|---|---|
RGB Decimal | 53, 108, 206 | rgb(53,108,206) |
RGB Percent | 20.8, 42.4, 80.8 | rgb(20.8%,42.4%,80.8%) |
CMYK | 74, 48, 0, 19 | |
HSL | 218.4°, 61, 50.8 | hsl(218.4,61%,50.8%) |
HSV (or HSB) | 218.4°, 74.3, 80.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.892, 15.882, -56.005 |
---|---|
XYZ | 17.969, 15.937, 60.518 |
xyY | 0.19, 0.169, 15.937 |
CIE-LCH | 46.892, 58.214, 285.832 |
CIE-LUV | 46.892, -20.7, -86.133 |
Hunter-Lab | 39.921, 10.483, -61.936 |
Binary | 00110101, 01101100, 11001110 |
Color Schemes with #356cce
Alternatives to #356cce
Below, you can see some colors close to #356cce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356cce Preview
This text has a font color of #356cce.
<span style="color:#356cce;">Text here</span>
This paragraph has a background color of #356cce.
<p style="background-color:#356cce;">Content here</p>
This element has a border color of #356cce.
<div style="border:1px solid #356cce;">Content here</div>
.text {color:#356cce;}
.background {background-color:#356cce;}
.border {border:1px solid #356cce;}
Shades and Tints of #356cce
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, #010203 is the darkest color, while #f2f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050a13
#050a13
rgb(5,10,19)
-
#081223
#081223
rgb(8,18,35)
-
#0c1a33
#0c1a33
rgb(12,26,51)
-
#102242
#102242
rgb(16,34,66)
-
#142a52
#142a52
rgb(20,42,82)
-
#183262
#183262
rgb(24,50,98)
-
#1c3b72
#1c3b72
rgb(28,59,114)
-
#1f4382
#1f4382
rgb(31,67,130)
-
#234b91
#234b91
rgb(35,75,145)
-
#2753a1
#2753a1
rgb(39,83,161)
-
#2b5bb1
#2b5bb1
rgb(43,91,177)
-
#2f63c1
#2f63c1
rgb(47,99,193)
-
#356cce
#356cce
rgb(53,108,206)
-
#4577d2
#4577d2
rgb(69,119,210)
-
#5583d6
#5583d6
rgb(85,131,214)
-
#648ed9
#648ed9
rgb(100,142,217)
-
#749add
#749add
rgb(116,154,221)
-
#84a5e1
#84a5e1
rgb(132,165,225)
-
#94b1e5
#94b1e5
rgb(148,177,229)
-
#a4bce9
#a4bce9
rgb(164,188,233)
-
#b3c8ed
#b3c8ed
rgb(179,200,237)
-
#c3d3f0
#c3d3f0
rgb(195,211,240)
-
#d3dff4
#d3dff4
rgb(211,223,244)
-
#e3eaf8
#e3eaf8
rgb(227,234,248)
-
#f2f6fc
#f2f6fc
rgb(242,246,252)
Tones of #356cce
A tone is produced by adding gray to any pure hue. In this case, #797f8a is the less saturated color, while #055efe is the most saturated one.
-
#797f8a
#797f8a
rgb(121,127,138)
-
#6f7c94
#6f7c94
rgb(111,124,148)
-
#657a9e
#657a9e
rgb(101,122,158)
-
#5c77a7
#5c77a7
rgb(92,119,167)
-
#5274b1
#5274b1
rgb(82,116,177)
-
#4871bb
#4871bb
rgb(72,113,187)
-
#3f6fc4
#3f6fc4
rgb(63,111,196)
-
#356cce
#356cce
rgb(53,108,206)
-
#2b69d8
#2b69d8
rgb(43,105,216)
-
#2267e1
#2267e1
rgb(34,103,225)
-
#1864eb
#1864eb
rgb(24,100,235)
-
#0e61f5
#0e61f5
rgb(14,97,245)
-
#055efe
#055efe
rgb(5,94,254)
Color Blindness Simulator
Below, you can see how #356cce 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.