#358aff Color Information
In a RGB color space, hex #358aff is composed of 20.8% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 214.8 degrees, a saturation of 100% and a lightness of 60.4%. #358aff color hex could be obtained by blending #6affff with #0015ff. Closest websafe color is: #3399ff.
-
- R 21
- G 54
- B 100
-
- C 79
- M 46
- Y 0
- K 0
● #358aff color description : Light blue.
#358aff Color Conversion
The hexadecimal color #358aff has RGB values of R:53, G:138, B:255 and CMYK values of C:0.79, M:0.46, Y:0, K:0. Its decimal value is 3508991.
Hex triplet | 358aff | #358aff |
---|---|---|
RGB Decimal | 53, 138, 255 | rgb(53,138,255) |
RGB Percent | 20.8, 54.1, 100 | rgb(20.8%,54.1%,100%) |
CMYK | 79, 46, 0, 0 | |
HSL | 214.8°, 100, 60.4 | hsl(214.8,100%,60.4%) |
HSV (or HSB) | 214.8°, 79.2, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.181, 15.319, -65.297 |
---|---|
XYZ | 28.603, 26.152, 98.143 |
xyY | 0.187, 0.171, 26.152 |
CIE-LCH | 58.181, 67.07, 283.203 |
CIE-LUV | 58.181, -28.66, -105.356 |
Hunter-Lab | 51.139, 10.345, -77.989 |
Binary | 00110101, 10001010, 11111111 |
Color Schemes with #358aff
Alternatives to #358aff
Below, you can see some colors close to #358aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#358aff Preview
This text has a font color of #358aff.
<span style="color:#358aff;">Text here</span>
This paragraph has a background color of #358aff.
<p style="background-color:#358aff;">Content here</p>
This element has a border color of #358aff.
<div style="border:1px solid #358aff;">Content here</div>
.text {color:#358aff;}
.background {background-color:#358aff;}
.border {border:1px solid #358aff;}
Shades and Tints of #358aff
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)
-
#001635
#001635
rgb(0,22,53)
-
#001f49
#001f49
rgb(0,31,73)
-
#00275c
#00275c
rgb(0,39,92)
-
#002f70
#002f70
rgb(0,47,112)
-
#003783
#003783
rgb(0,55,131)
-
#004097
#004097
rgb(0,64,151)
-
#0048ab
#0048ab
rgb(0,72,171)
-
#0050be
#0050be
rgb(0,80,190)
-
#0058d2
#0058d2
rgb(0,88,210)
-
#0061e6
#0061e6
rgb(0,97,230)
-
#0069f9
#0069f9
rgb(0,105,249)
-
#0e73ff
#0e73ff
rgb(14,115,255)
-
#217fff
#217fff
rgb(33,127,255)
-
#358aff
#358aff
rgb(53,138,255)
-
#4995ff
#4995ff
rgb(73,149,255)
-
#5ca1ff
#5ca1ff
rgb(92,161,255)
-
#70acff
#70acff
rgb(112,172,255)
-
#83b7ff
#83b7ff
rgb(131,183,255)
-
#97c3ff
#97c3ff
rgb(151,195,255)
-
#abceff
#abceff
rgb(171,206,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 #358aff
A tone is produced by adding gray to any pure hue. In this case, #9299a2 is the less saturated color, while #358aff is the most saturated one.
-
#9299a2
#9299a2
rgb(146,153,162)
-
#8a98aa
#8a98aa
rgb(138,152,170)
-
#8396b1
#8396b1
rgb(131,150,177)
-
#7b95b9
#7b95b9
rgb(123,149,185)
-
#7394c1
#7394c1
rgb(115,148,193)
-
#6b93c9
#6b93c9
rgb(107,147,201)
-
#6491d0
#6491d0
rgb(100,145,208)
-
#5c90d8
#5c90d8
rgb(92,144,216)
-
#548fe0
#548fe0
rgb(84,143,224)
-
#4c8ee8
#4c8ee8
rgb(76,142,232)
-
#458cef
#458cef
rgb(69,140,239)
-
#3d8bf7
#3d8bf7
rgb(61,139,247)
-
#358aff
#358aff
rgb(53,138,255)
Color Blindness Simulator
Below, you can see how #358aff 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.