#357ae2 Color Information
In a RGB color space, hex #357ae2 is composed of 20.8% red, 47.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 46% magenta, 0% yellow and 11.4% black. It has a hue angle of 216.1 degrees, a saturation of 74.9% and a lightness of 54.7%. #357ae2 color hex could be obtained by blending #6af4ff with #0000c5. Closest websafe color is: #3366cc.
-
- R 21
- G 48
- B 89
-
- C 77
- M 46
- Y 0
- K 11
● #357ae2 color description : Bright blue.
#357ae2 Color Conversion
The hexadecimal color #357ae2 has RGB values of R:53, G:122, B:226 and CMYK values of C:0.77, M:0.46, Y:0, K:0.11. Its decimal value is 3504866.
Hex triplet | 357ae2 | #357ae2 |
---|---|---|
RGB Decimal | 53, 122, 226 | rgb(53,122,226) |
RGB Percent | 20.8, 47.8, 88.6 | rgb(20.8%,47.8%,88.6%) |
CMYK | 77, 46, 0, 11 | |
HSL | 216.1°, 74.9, 54.7 | hsl(216.1,74.9%,54.7%) |
HSV (or HSB) | 216.1°, 76.5, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.024, 14.496, -59.09 |
---|---|
XYZ | 22.152, 20.165, 74.672 |
xyY | 0.189, 0.172, 20.165 |
CIE-LCH | 52.024, 60.842, 283.784 |
CIE-LUV | 52.024, -24.574, -93.023 |
Hunter-Lab | 44.906, 9.47, -67.157 |
Binary | 00110101, 01111010, 11100010 |
Color Schemes with #357ae2
Alternatives to #357ae2
Below, you can see some colors close to #357ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#357ae2 Preview
This text has a font color of #357ae2.
<span style="color:#357ae2;">Text here</span>
This paragraph has a background color of #357ae2.
<p style="background-color:#357ae2;">Content here</p>
This element has a border color of #357ae2.
<div style="border:1px solid #357ae2;">Content here</div>
.text {color:#357ae2;}
.background {background-color:#357ae2;}
.border {border:1px solid #357ae2;}
Shades and Tints of #357ae2
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, #010204 is the darkest color, while #f2f6fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030a15
#030a15
rgb(3,10,21)
-
#051326
#051326
rgb(5,19,38)
-
#081b37
#081b37
rgb(8,27,55)
-
#0a2348
#0a2348
rgb(10,35,72)
-
#0d2b5a
#0d2b5a
rgb(13,43,90)
-
#0f346b
#0f346b
rgb(15,52,107)
-
#123c7c
#123c7c
rgb(18,60,124)
-
#14448d
#14448d
rgb(20,68,141)
-
#174d9e
#174d9e
rgb(23,77,158)
-
#1955af
#1955af
rgb(25,85,175)
-
#1c5dc1
#1c5dc1
rgb(28,93,193)
-
#1e66d2
#1e66d2
rgb(30,102,210)
-
#246fe0
#246fe0
rgb(36,111,224)
-
#357ae2
#357ae2
rgb(53,122,226)
-
#4685e4
#4685e4
rgb(70,133,228)
-
#5791e7
#5791e7
rgb(87,145,231)
-
#689ce9
#689ce9
rgb(104,156,233)
-
#7aa7ec
#7aa7ec
rgb(122,167,236)
-
#8bb2ee
#8bb2ee
rgb(139,178,238)
-
#9cbef1
#9cbef1
rgb(156,190,241)
-
#adc9f3
#adc9f3
rgb(173,201,243)
-
#bed4f6
#bed4f6
rgb(190,212,246)
-
#cfe0f8
#cfe0f8
rgb(207,224,248)
-
#e1ebfb
#e1ebfb
rgb(225,235,251)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #357ae2
A tone is produced by adding gray to any pure hue. In this case, #858a92 is the less saturated color, while #1a75fd is the most saturated one.
-
#858a92
#858a92
rgb(133,138,146)
-
#7c889b
#7c889b
rgb(124,136,155)
-
#7387a4
#7387a4
rgb(115,135,164)
-
#6a85ad
#6a85ad
rgb(106,133,173)
-
#6183b6
#6183b6
rgb(97,131,182)
-
#5981be
#5981be
rgb(89,129,190)
-
#507fc7
#507fc7
rgb(80,127,199)
-
#477ed0
#477ed0
rgb(71,126,208)
-
#3e7cd9
#3e7cd9
rgb(62,124,217)
-
#357ae2
#357ae2
rgb(53,122,226)
-
#2c78eb
#2c78eb
rgb(44,120,235)
-
#2376f4
#2376f4
rgb(35,118,244)
-
#1a75fd
#1a75fd
rgb(26,117,253)
Color Blindness Simulator
Below, you can see how #357ae2 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.