#358ad2 Color Information
In a RGB color space, hex #358ad2 is composed of 20.8% red, 54.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 34.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 207.5 degrees, a saturation of 63.6% and a lightness of 51.6%. #358ad2 color hex could be obtained by blending #6affff with #0015a5. Closest websafe color is: #3399cc.
-
- R 21
- G 54
- B 82
-
- C 75
- M 34
- Y 0
- K 18
● #358ad2 color description : Moderate blue.
#358ad2 Color Conversion
The hexadecimal color #358ad2 has RGB values of R:53, G:138, B:210 and CMYK values of C:0.75, M:0.34, Y:0, K:0.18. Its decimal value is 3508946.
Hex triplet | 358ad2 | #358ad2 |
---|---|---|
RGB Decimal | 53, 138, 210 | rgb(53,138,210) |
RGB Percent | 20.8, 54.1, 82.4 | rgb(20.8%,54.1%,82.4%) |
CMYK | 75, 34, 0, 18 | |
HSL | 207.5°, 63.6, 51.6 | hsl(207.5,63.6%,51.6%) |
HSV (or HSB) | 207.5°, 74.8, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.67, -1.061, -44.272 |
---|---|
XYZ | 22.187, 23.585, 64.352 |
xyY | 0.201, 0.214, 23.585 |
CIE-LCH | 55.67, 44.285, 268.627 |
CIE-LUV | 55.67, -30.306, -68.968 |
Hunter-Lab | 48.565, -3.44, -44.569 |
Binary | 00110101, 10001010, 11010010 |
Color Schemes with #358ad2
Alternatives to #358ad2
Below, you can see some colors close to #358ad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#358ad2 Preview
This text has a font color of #358ad2.
<span style="color:#358ad2;">Text here</span>
This paragraph has a background color of #358ad2.
<p style="background-color:#358ad2;">Content here</p>
This element has a border color of #358ad2.
<div style="border:1px solid #358ad2;">Content here</div>
.text {color:#358ad2;}
.background {background-color:#358ad2;}
.border {border:1px solid #358ad2;}
Shades and Tints of #358ad2
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, #010407 is the darkest color, while #f6f9fd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#050f17
#050f17
rgb(5,15,23)
-
#091927
#091927
rgb(9,25,39)
-
#0c2337
#0c2337
rgb(12,35,55)
-
#102e47
#102e47
rgb(16,46,71)
-
#133857
#133857
rgb(19,56,87)
-
#174267
#174267
rgb(23,66,103)
-
#1a4c77
#1a4c77
rgb(26,76,119)
-
#1e5787
#1e5787
rgb(30,87,135)
-
#226197
#226197
rgb(34,97,151)
-
#256ba7
#256ba7
rgb(37,107,167)
-
#2976b7
#2976b7
rgb(41,118,183)
-
#2c80c7
#2c80c7
rgb(44,128,199)
-
#358ad2
#358ad2
rgb(53,138,210)
-
#4593d6
#4593d6
rgb(69,147,214)
-
#559dd9
#559dd9
rgb(85,157,217)
-
#65a6dd
#65a6dd
rgb(101,166,221)
-
#75afe0
#75afe0
rgb(117,175,224)
-
#85b8e4
#85b8e4
rgb(133,184,228)
-
#95c2e7
#95c2e7
rgb(149,194,231)
-
#a5cbeb
#a5cbeb
rgb(165,203,235)
-
#b5d4ef
#b5d4ef
rgb(181,212,239)
-
#c5def2
#c5def2
rgb(197,222,242)
-
#d5e7f6
#d5e7f6
rgb(213,231,246)
-
#e5f0f9
#e5f0f9
rgb(229,240,249)
-
#f6f9fd
#f6f9fd
rgb(246,249,253)
Tones of #358ad2
A tone is produced by adding gray to any pure hue. In this case, #818486 is the less saturated color, while #0f8df8 is the most saturated one.
-
#818486
#818486
rgb(129,132,134)
-
#788490
#788490
rgb(120,132,144)
-
#6e8599
#6e8599
rgb(110,133,153)
-
#6586a3
#6586a3
rgb(101,134,163)
-
#5b87ac
#5b87ac
rgb(91,135,172)
-
#5288b6
#5288b6
rgb(82,136,182)
-
#4888bf
#4888bf
rgb(72,136,191)
-
#3f89c9
#3f89c9
rgb(63,137,201)
-
#358ad2
#358ad2
rgb(53,138,210)
-
#2c8bdc
#2c8bdc
rgb(44,139,220)
-
#228ce5
#228ce5
rgb(34,140,229)
-
#198cef
#198cef
rgb(25,140,239)
-
#0f8df8
#0f8df8
rgb(15,141,248)
Color Blindness Simulator
Below, you can see how #358ad2 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.