#358bff Color Information
In a RGB color space, hex #358bff is composed of 20.8% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 60.4%. #358bff color hex could be obtained by blending #6affff with #0017ff. Closest websafe color is: #3399ff.
-
- R 21
- G 55
- B 100
-
- C 79
- M 45
- Y 0
- K 0
● #358bff color description : Light blue.
#358bff Color Conversion
The hexadecimal color #358bff has RGB values of R:53, G:139, B:255 and CMYK values of C:0.79, M:0.45, Y:0, K:0. Its decimal value is 3509247.
Hex triplet | 358bff | #358bff |
---|---|---|
RGB Decimal | 53, 139, 255 | rgb(53,139,255) |
RGB Percent | 20.8, 54.5, 100 | rgb(20.8%,54.5%,100%) |
CMYK | 79, 45, 0, 0 | |
HSL | 214.5°, 100, 60.4 | hsl(214.5,100%,60.4%) |
HSV (or HSB) | 214.5°, 79.2, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.452, 14.71, -64.861 |
---|---|
XYZ | 28.747, 26.44, 98.191 |
xyY | 0.187, 0.172, 26.44 |
CIE-LCH | 58.452, 66.508, 282.778 |
CIE-LUV | 58.452, -28.964, -104.711 |
Hunter-Lab | 51.42, 9.808, -77.226 |
Binary | 00110101, 10001011, 11111111 |
Color Schemes with #358bff
Alternatives to #358bff
Below, you can see some colors close to #358bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#358bff Preview
This text has a font color of #358bff.
<span style="color:#358bff;">Text here</span>
This paragraph has a background color of #358bff.
<p style="background-color:#358bff;">Content here</p>
This element has a border color of #358bff.
<div style="border:1px solid #358bff;">Content here</div>
.text {color:#358bff;}
.background {background-color:#358bff;}
.border {border:1px solid #358bff;}
Shades and Tints of #358bff
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, #00060e is the darkest color, while #f9fcff is the lightest one.
-
#00060e
#00060e
rgb(0,6,14)
-
#000e21
#000e21
rgb(0,14,33)
-
#001735
#001735
rgb(0,23,53)
-
#001f49
#001f49
rgb(0,31,73)
-
#00275c
#00275c
rgb(0,39,92)
-
#003070
#003070
rgb(0,48,112)
-
#003883
#003883
rgb(0,56,131)
-
#004097
#004097
rgb(0,64,151)
-
#0049ab
#0049ab
rgb(0,73,171)
-
#0051be
#0051be
rgb(0,81,190)
-
#0059d2
#0059d2
rgb(0,89,210)
-
#0062e6
#0062e6
rgb(0,98,230)
-
#006af9
#006af9
rgb(0,106,249)
-
#0e74ff
#0e74ff
rgb(14,116,255)
-
#2180ff
#2180ff
rgb(33,128,255)
-
#358bff
#358bff
rgb(53,139,255)
-
#4996ff
#4996ff
rgb(73,150,255)
-
#5ca2ff
#5ca2ff
rgb(92,162,255)
-
#70adff
#70adff
rgb(112,173,255)
-
#83b8ff
#83b8ff
rgb(131,184,255)
-
#97c3ff
#97c3ff
rgb(151,195,255)
-
#abcfff
#abcfff
rgb(171,207,255)
-
#bedaff
#bedaff
rgb(190,218,255)
-
#d2e5ff
#d2e5ff
rgb(210,229,255)
-
#e6f0ff
#e6f0ff
rgb(230,240,255)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #358bff
A tone is produced by adding gray to any pure hue. In this case, #9299a2 is the less saturated color, while #358bff is the most saturated one.
-
#9299a2
#9299a2
rgb(146,153,162)
-
#8a98aa
#8a98aa
rgb(138,152,170)
-
#8397b1
#8397b1
rgb(131,151,177)
-
#7b95b9
#7b95b9
rgb(123,149,185)
-
#7394c1
#7394c1
rgb(115,148,193)
-
#6b93c9
#6b93c9
rgb(107,147,201)
-
#6492d0
#6492d0
rgb(100,146,208)
-
#5c91d8
#5c91d8
rgb(92,145,216)
-
#5490e0
#5490e0
rgb(84,144,224)
-
#4c8ee8
#4c8ee8
rgb(76,142,232)
-
#458def
#458def
rgb(69,141,239)
-
#3d8cf7
#3d8cf7
rgb(61,140,247)
-
#358bff
#358bff
rgb(53,139,255)
Color Blindness Simulator
Below, you can see how #358bff 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.