#357ca4 Color Information
In a RGB color space, hex #357ca4 is composed of 20.8% red, 48.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 24.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 201.6 degrees, a saturation of 51.2% and a lightness of 42.5%. #357ca4 color hex could be obtained by blending #6af8ff with #000049. Closest websafe color is: #336699.
-
- R 21
- G 49
- B 64
-
- C 68
- M 24
- Y 0
- K 36
● #357ca4 color description : Dark moderate blue.
#357ca4 Color Conversion
The hexadecimal color #357ca4 has RGB values of R:53, G:124, B:164 and CMYK values of C:0.68, M:0.24, Y:0, K:0.36. Its decimal value is 3505316.
Hex triplet | 357ca4 | #357ca4 |
---|---|---|
RGB Decimal | 53, 124, 164 | rgb(53,124,164) |
RGB Percent | 20.8, 48.6, 64.3 | rgb(20.8%,48.6%,64.3%) |
CMYK | 68, 24, 0, 36 | |
HSL | 201.6°, 51.2, 42.5 | hsl(201.6,51.2%,42.5%) |
HSV (or HSB) | 201.6°, 67.7, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 49.315, -9.097, -27.896 |
---|---|
XYZ | 15.375, 17.851, 37.755 |
xyY | 0.217, 0.251, 17.851 |
CIE-LCH | 49.315, 29.342, 251.939 |
CIE-LUV | 49.315, -27.373, -40.418 |
Hunter-Lab | 42.251, -8.983, -23.406 |
Binary | 00110101, 01111100, 10100100 |
Color Schemes with #357ca4
Alternatives to #357ca4
Below, you can see some colors close to #357ca4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#357ca4 Preview
This text has a font color of #357ca4.
<span style="color:#357ca4;">Text here</span>
This paragraph has a background color of #357ca4.
<p style="background-color:#357ca4;">Content here</p>
This element has a border color of #357ca4.
<div style="border:1px solid #357ca4;">Content here</div>
.text {color:#357ca4;}
.background {background-color:#357ca4;}
.border {border:1px solid #357ca4;}
Shades and Tints of #357ca4
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, #000101 is the darkest color, while #f1f7fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050c10
#050c10
rgb(5,12,16)
-
#0a171f
#0a171f
rgb(10,23,31)
-
#0f222d
#0f222d
rgb(15,34,45)
-
#132e3c
#132e3c
rgb(19,46,60)
-
#18394b
#18394b
rgb(24,57,75)
-
#1d445a
#1d445a
rgb(29,68,90)
-
#224f69
#224f69
rgb(34,79,105)
-
#275a78
#275a78
rgb(39,90,120)
-
#2b6686
#2b6686
rgb(43,102,134)
-
#307195
#307195
rgb(48,113,149)
-
#357ca4
#357ca4
rgb(53,124,164)
-
#3a87b3
#3a87b3
rgb(58,135,179)
-
#3f92c1
#3f92c1
rgb(63,146,193)
-
#4e9bc6
#4e9bc6
rgb(78,155,198)
-
#5da3cb
#5da3cb
rgb(93,163,203)
-
#6cabcf
#6cabcf
rgb(108,171,207)
-
#7bb4d4
#7bb4d4
rgb(123,180,212)
-
#89bcd9
#89bcd9
rgb(137,188,217)
-
#98c5de
#98c5de
rgb(152,197,222)
-
#a7cde3
#a7cde3
rgb(167,205,227)
-
#b6d5e7
#b6d5e7
rgb(182,213,231)
-
#c5deec
#c5deec
rgb(197,222,236)
-
#d3e6f1
#d3e6f1
rgb(211,230,241)
-
#e2eff6
#e2eff6
rgb(226,239,246)
-
#f1f7fb
#f1f7fb
rgb(241,247,251)
Tones of #357ca4
A tone is produced by adding gray to any pure hue. In this case, #676e72 is the less saturated color, while #038ad6 is the most saturated one.
-
#676e72
#676e72
rgb(103,110,114)
-
#5f707a
#5f707a
rgb(95,112,122)
-
#567383
#567383
rgb(86,115,131)
-
#4e758b
#4e758b
rgb(78,117,139)
-
#467793
#467793
rgb(70,119,147)
-
#3d7a9c
#3d7a9c
rgb(61,122,156)
-
#357ca4
#357ca4
rgb(53,124,164)
-
#2d7eac
#2d7eac
rgb(45,126,172)
-
#2481b5
#2481b5
rgb(36,129,181)
-
#1c83bd
#1c83bd
rgb(28,131,189)
-
#1485c5
#1485c5
rgb(20,133,197)
-
#0b88ce
#0b88ce
rgb(11,136,206)
-
#038ad6
#038ad6
rgb(3,138,214)
Color Blindness Simulator
Below, you can see how #357ca4 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.