#358ae2 Color Information
In a RGB color space, hex #358ae2 is composed of 20.8% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 210.5 degrees, a saturation of 74.9% and a lightness of 54.7%. #358ae2 color hex could be obtained by blending #6affff with #0015c5. Closest websafe color is: #3399cc.
-
- R 21
- G 54
- B 89
-
- C 77
- M 39
- Y 0
- K 11
● #358ae2 color description : Bright blue.
#358ae2 Color Conversion
The hexadecimal color #358ae2 has RGB values of R:53, G:138, B:226 and CMYK values of C:0.77, M:0.39, Y:0, K:0.11. Its decimal value is 3508962.
Hex triplet | 358ae2 | #358ae2 |
---|---|---|
RGB Decimal | 53, 138, 226 | rgb(53,138,226) |
RGB Percent | 20.8, 54.1, 88.6 | rgb(20.8%,54.1%,88.6%) |
CMYK | 77, 39, 0, 11 | |
HSL | 210.5°, 74.9, 54.7 | hsl(210.5,74.9%,54.7%) |
HSV (or HSB) | 210.5°, 76.5, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.509, 4.72, -51.914 |
---|---|
XYZ | 24.281, 24.423, 75.382 |
xyY | 0.196, 0.197, 24.423 |
CIE-LCH | 56.509, 52.128, 275.195 |
CIE-LUV | 56.509, -29.655, -82.243 |
Hunter-Lab | 49.419, 1.217, -55.844 |
Binary | 00110101, 10001010, 11100010 |
Color Schemes with #358ae2
Alternatives to #358ae2
Below, you can see some colors close to #358ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#358ae2 Preview
This text has a font color of #358ae2.
<span style="color:#358ae2;">Text here</span>
This paragraph has a background color of #358ae2.
<p style="background-color:#358ae2;">Content here</p>
This element has a border color of #358ae2.
<div style="border:1px solid #358ae2;">Content here</div>
.text {color:#358ae2;}
.background {background-color:#358ae2;}
.border {border:1px solid #358ae2;}
Shades and Tints of #358ae2
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 #f2f7fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030c15
#030c15
rgb(3,12,21)
-
#051626
#051626
rgb(5,22,38)
-
#081f37
#081f37
rgb(8,31,55)
-
#0a2948
#0a2948
rgb(10,41,72)
-
#0d335a
#0d335a
rgb(13,51,90)
-
#0f3c6b
#0f3c6b
rgb(15,60,107)
-
#12467c
#12467c
rgb(18,70,124)
-
#14508d
#14508d
rgb(20,80,141)
-
#17599e
#17599e
rgb(23,89,158)
-
#1963af
#1963af
rgb(25,99,175)
-
#1c6dc1
#1c6dc1
rgb(28,109,193)
-
#1e76d2
#1e76d2
rgb(30,118,210)
-
#2480e0
#2480e0
rgb(36,128,224)
-
#358ae2
#358ae2
rgb(53,138,226)
-
#4694e4
#4694e4
rgb(70,148,228)
-
#579ee7
#579ee7
rgb(87,158,231)
-
#68a8e9
#68a8e9
rgb(104,168,233)
-
#7ab2ec
#7ab2ec
rgb(122,178,236)
-
#8bbcee
#8bbcee
rgb(139,188,238)
-
#9cc6f1
#9cc6f1
rgb(156,198,241)
-
#add0f3
#add0f3
rgb(173,208,243)
-
#bed9f6
#bed9f6
rgb(190,217,246)
-
#cfe3f8
#cfe3f8
rgb(207,227,248)
-
#e1edfb
#e1edfb
rgb(225,237,251)
-
#f2f7fd
#f2f7fd
rgb(242,247,253)
Tones of #358ae2
A tone is produced by adding gray to any pure hue. In this case, #858b92 is the less saturated color, while #1a8afd is the most saturated one.
-
#858b92
#858b92
rgb(133,139,146)
-
#7c8b9b
#7c8b9b
rgb(124,139,155)
-
#738ba4
#738ba4
rgb(115,139,164)
-
#6a8bad
#6a8bad
rgb(106,139,173)
-
#618bb6
#618bb6
rgb(97,139,182)
-
#598bbe
#598bbe
rgb(89,139,190)
-
#508ac7
#508ac7
rgb(80,138,199)
-
#478ad0
#478ad0
rgb(71,138,208)
-
#3e8ad9
#3e8ad9
rgb(62,138,217)
-
#358ae2
#358ae2
rgb(53,138,226)
-
#2c8aeb
#2c8aeb
rgb(44,138,235)
-
#238af4
#238af4
rgb(35,138,244)
-
#1a8afd
#1a8afd
rgb(26,138,253)
Color Blindness Simulator
Below, you can see how #358ae2 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.