#356ae5 Color Information
In a RGB color space, hex #356ae5 is composed of 20.8% red, 41.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 53.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 221.9 degrees, a saturation of 77.2% and a lightness of 55.3%. #356ae5 color hex could be obtained by blending #6ad4ff with #0000cb. Closest websafe color is: #3366cc.
-
- R 21
- G 42
- B 90
-
- C 77
- M 54
- Y 0
- K 10
● #356ae5 color description : Bright blue.
#356ae5 Color Conversion
The hexadecimal color #356ae5 has RGB values of R:53, G:106, B:229 and CMYK values of C:0.77, M:0.54, Y:0, K:0.1. Its decimal value is 3500773.
Hex triplet | 356ae5 | #356ae5 |
---|---|---|
RGB Decimal | 53, 106, 229 | rgb(53,106,229) |
RGB Percent | 20.8, 41.6, 89.8 | rgb(20.8%,41.6%,89.8%) |
CMYK | 77, 54, 0, 10 | |
HSL | 221.9°, 77.2, 55.3 | hsl(221.9,77.2%,55.3%) |
HSV (or HSB) | 221.9°, 76.9, 89.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.906, 25.668, -67.429 |
---|---|
XYZ | 20.762, 16.721, 76.258 |
xyY | 0.183, 0.147, 16.721 |
CIE-LCH | 47.906, 72.149, 290.841 |
CIE-LUV | 47.906, -19.84, -104.361 |
Hunter-Lab | 40.891, 19.073, -81.947 |
Binary | 00110101, 01101010, 11100101 |
Color Schemes with #356ae5
Alternatives to #356ae5
Below, you can see some colors close to #356ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356ae5 Preview
This text has a font color of #356ae5.
<span style="color:#356ae5;">Text here</span>
This paragraph has a background color of #356ae5.
<p style="background-color:#356ae5;">Content here</p>
This element has a border color of #356ae5.
<div style="border:1px solid #356ae5;">Content here</div>
.text {color:#356ae5;}
.background {background-color:#356ae5;}
.border {border:1px solid #356ae5;}
Shades and Tints of #356ae5
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, #010307 is the darkest color, while #f4f7fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#030918
#030918
rgb(3,9,24)
-
#051029
#051029
rgb(5,16,41)
-
#08173b
#08173b
rgb(8,23,59)
-
#0a1e4c
#0a1e4c
rgb(10,30,76)
-
#0c255d
#0c255d
rgb(12,37,93)
-
#0e2b6f
#0e2b6f
rgb(14,43,111)
-
#113280
#113280
rgb(17,50,128)
-
#133992
#133992
rgb(19,57,146)
-
#1540a3
#1540a3
rgb(21,64,163)
-
#1747b4
#1747b4
rgb(23,71,180)
-
#194dc6
#194dc6
rgb(25,77,198)
-
#1c54d7
#1c54d7
rgb(28,84,215)
-
#245de3
#245de3
rgb(36,93,227)
-
#356ae5
#356ae5
rgb(53,106,229)
-
#4677e7
#4677e7
rgb(70,119,231)
-
#5884e9
#5884e9
rgb(88,132,233)
-
#6990ec
#6990ec
rgb(105,144,236)
-
#7b9dee
#7b9dee
rgb(123,157,238)
-
#8caaf0
#8caaf0
rgb(140,170,240)
-
#9db7f2
#9db7f2
rgb(157,183,242)
-
#afc4f5
#afc4f5
rgb(175,196,245)
-
#c0d1f7
#c0d1f7
rgb(192,209,247)
-
#d1ddf9
#d1ddf9
rgb(209,221,249)
-
#e3eafb
#e3eafb
rgb(227,234,251)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #356ae5
A tone is produced by adding gray to any pure hue. In this case, #8d8d8d is the less saturated color, while #2363f7 is the most saturated one.
-
#8d8d8d
#8d8d8d
rgb(141,141,141)
-
#848996
#848996
rgb(132,137,150)
-
#7b869f
#7b869f
rgb(123,134,159)
-
#7282a8
#7282a8
rgb(114,130,168)
-
#6a7fb0
#6a7fb0
rgb(106,127,176)
-
#617bb9
#617bb9
rgb(97,123,185)
-
#5878c2
#5878c2
rgb(88,120,194)
-
#4f74cb
#4f74cb
rgb(79,116,203)
-
#4771d3
#4771d3
rgb(71,113,211)
-
#3e6ddc
#3e6ddc
rgb(62,109,220)
-
#356ae5
#356ae5
rgb(53,106,229)
-
#2c67ee
#2c67ee
rgb(44,103,238)
-
#2363f7
#2363f7
rgb(35,99,247)
Color Blindness Simulator
Below, you can see how #356ae5 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.