#358ac4 Color Information
In a RGB color space, hex #358ac4 is composed of 20.8% red, 54.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 29.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 204.3 degrees, a saturation of 57.4% and a lightness of 48.8%. #358ac4 color hex could be obtained by blending #6affff with #001589. Closest websafe color is: #3399cc.
-
- R 21
- G 54
- B 77
-
- C 73
- M 30
- Y 0
- K 23
● #358ac4 color description : Moderate blue.
#358ac4 Color Conversion
The hexadecimal color #358ac4 has RGB values of R:53, G:138, B:196 and CMYK values of C:0.73, M:0.3, Y:0, K:0.23. Its decimal value is 3508932.
Hex triplet | 358ac4 | #358ac4 |
---|---|---|
RGB Decimal | 53, 138, 196 | rgb(53,138,196) |
RGB Percent | 20.8, 54.1, 76.9 | rgb(20.8%,54.1%,76.9%) |
CMYK | 73, 30, 0, 23 | |
HSL | 204.3°, 57.4, 48.8 | hsl(204.3,57.4%,48.8%) |
HSV (or HSB) | 204.3°, 73, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.987, -6.039, -37.431 |
---|---|
XYZ | 20.518, 22.918, 55.564 |
xyY | 0.207, 0.231, 22.918 |
CIE-LCH | 54.987, 37.915, 260.834 |
CIE-LUV | 54.987, -30.932, -57.103 |
Hunter-Lab | 47.872, -7.272, -35.305 |
Binary | 00110101, 10001010, 11000100 |
Color Schemes with #358ac4
Alternatives to #358ac4
Below, you can see some colors close to #358ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#358ac4 Preview
This text has a font color of #358ac4.
<span style="color:#358ac4;">Text here</span>
This paragraph has a background color of #358ac4.
<p style="background-color:#358ac4;">Content here</p>
This element has a border color of #358ac4.
<div style="border:1px solid #358ac4;">Content here</div>
.text {color:#358ac4;}
.background {background-color:#358ac4;}
.border {border:1px solid #358ac4;}
Shades and Tints of #358ac4
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, #03080b is the darkest color, while #fafcfe is the lightest one.
-
#03080b
#03080b
rgb(3,8,11)
-
#07121a
#07121a
rgb(7,18,26)
-
#0b1d2a
#0b1d2a
rgb(11,29,42)
-
#0f2839
#0f2839
rgb(15,40,57)
-
#143348
#143348
rgb(20,51,72)
-
#183e58
#183e58
rgb(24,62,88)
-
#1c4967
#1c4967
rgb(28,73,103)
-
#205477
#205477
rgb(32,84,119)
-
#245f86
#245f86
rgb(36,95,134)
-
#286996
#286996
rgb(40,105,150)
-
#2d74a5
#2d74a5
rgb(45,116,165)
-
#317fb5
#317fb5
rgb(49,127,181)
-
#358ac4
#358ac4
rgb(53,138,196)
-
#4193cc
#4193cc
rgb(65,147,204)
-
#509cd0
#509cd0
rgb(80,156,208)
-
#60a5d4
#60a5d4
rgb(96,165,212)
-
#6faed8
#6faed8
rgb(111,174,216)
-
#7fb6dc
#7fb6dc
rgb(127,182,220)
-
#8ebfe0
#8ebfe0
rgb(142,191,224)
-
#9ec8e5
#9ec8e5
rgb(158,200,229)
-
#add1e9
#add1e9
rgb(173,209,233)
-
#bdd9ed
#bdd9ed
rgb(189,217,237)
-
#cce2f1
#cce2f1
rgb(204,226,241)
-
#dbebf5
#dbebf5
rgb(219,235,245)
-
#ebf4fa
#ebf4fa
rgb(235,244,250)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #358ac4
A tone is produced by adding gray to any pure hue. In this case, #787d81 is the less saturated color, while #0593f4 is the most saturated one.
-
#787d81
#787d81
rgb(120,125,129)
-
#6e7f8b
#6e7f8b
rgb(110,127,139)
-
#658194
#658194
rgb(101,129,148)
-
#5b839e
#5b839e
rgb(91,131,158)
-
#5285a7
#5285a7
rgb(82,133,167)
-
#4886b1
#4886b1
rgb(72,134,177)
-
#3f88ba
#3f88ba
rgb(63,136,186)
-
#358ac4
#358ac4
rgb(53,138,196)
-
#2b8cce
#2b8cce
rgb(43,140,206)
-
#228ed7
#228ed7
rgb(34,142,215)
-
#188fe1
#188fe1
rgb(24,143,225)
-
#0f91ea
#0f91ea
rgb(15,145,234)
-
#0593f4
#0593f4
rgb(5,147,244)
Color Blindness Simulator
Below, you can see how #358ac4 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.