#357aa3 Color Information
In a RGB color space, hex #357aa3 is composed of 20.8% red, 47.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 25.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 202.4 degrees, a saturation of 50.9% and a lightness of 42.4%. #357aa3 color hex could be obtained by blending #6af4ff with #000047. Closest websafe color is: #336699.
-
- R 21
- G 48
- B 64
-
- C 67
- M 25
- Y 0
- K 36
● #357aa3 color description : Dark moderate blue.
#357aa3 Color Conversion
The hexadecimal color #357aa3 has RGB values of R:53, G:122, B:163 and CMYK values of C:0.67, M:0.25, Y:0, K:0.36. Its decimal value is 3504803.
Hex triplet | 357aa3 | #357aa3 |
---|---|---|
RGB Decimal | 53, 122, 163 | rgb(53,122,163) |
RGB Percent | 20.8, 47.8, 63.9 | rgb(20.8%,47.8%,63.9%) |
CMYK | 67, 25, 0, 36 | |
HSL | 202.4°, 50.9, 42.4 | hsl(202.4,50.9%,42.4%) |
HSV (or HSB) | 202.4°, 67.5, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.66, -8.282, -28.333 |
---|---|
XYZ | 15.037, 17.319, 37.199 |
xyY | 0.216, 0.249, 17.319 |
CIE-LCH | 48.66, 29.518, 253.705 |
CIE-LUV | 48.66, -26.686, -41.093 |
Hunter-Lab | 41.616, -8.332, -23.865 |
Binary | 00110101, 01111010, 10100011 |
Color Schemes with #357aa3
Alternatives to #357aa3
Below, you can see some colors close to #357aa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#357aa3 Preview
This text has a font color of #357aa3.
<span style="color:#357aa3;">Text here</span>
This paragraph has a background color of #357aa3.
<p style="background-color:#357aa3;">Content here</p>
This element has a border color of #357aa3.
<div style="border:1px solid #357aa3;">Content here</div>
.text {color:#357aa3;}
.background {background-color:#357aa3;}
.border {border:1px solid #357aa3;}
Shades and Tints of #357aa3
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, #000000 is the darkest color, while #f0f7fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050b0f
#050b0f
rgb(5,11,15)
-
#0a161e
#0a161e
rgb(10,22,30)
-
#0e212d
#0e212d
rgb(14,33,45)
-
#132c3b
#132c3b
rgb(19,44,59)
-
#18384a
#18384a
rgb(24,56,74)
-
#1d4359
#1d4359
rgb(29,67,89)
-
#224e68
#224e68
rgb(34,78,104)
-
#275977
#275977
rgb(39,89,119)
-
#2b6485
#2b6485
rgb(43,100,133)
-
#306f94
#306f94
rgb(48,111,148)
-
#357aa3
#357aa3
rgb(53,122,163)
-
#3a85b2
#3a85b2
rgb(58,133,178)
-
#3f90c0
#3f90c0
rgb(63,144,192)
-
#4e99c5
#4e99c5
rgb(78,153,197)
-
#5ca1ca
#5ca1ca
rgb(92,161,202)
-
#6baacf
#6baacf
rgb(107,170,207)
-
#7ab2d4
#7ab2d4
rgb(122,178,212)
-
#89bbd9
#89bbd9
rgb(137,187,217)
-
#98c3dd
#98c3dd
rgb(152,195,221)
-
#a6cce2
#a6cce2
rgb(166,204,226)
-
#b5d4e7
#b5d4e7
rgb(181,212,231)
-
#c4ddec
#c4ddec
rgb(196,221,236)
-
#d3e5f1
#d3e5f1
rgb(211,229,241)
-
#e2eef5
#e2eef5
rgb(226,238,245)
-
#f0f7fa
#f0f7fa
rgb(240,247,250)
Tones of #357aa3
A tone is produced by adding gray to any pure hue. In this case, #676d71 is the less saturated color, while #0387d5 is the most saturated one.
-
#676d71
#676d71
rgb(103,109,113)
-
#5f6f79
#5f6f79
rgb(95,111,121)
-
#567282
#567282
rgb(86,114,130)
-
#4e748a
#4e748a
rgb(78,116,138)
-
#467692
#467692
rgb(70,118,146)
-
#3d789b
#3d789b
rgb(61,120,155)
-
#357aa3
#357aa3
rgb(53,122,163)
-
#2d7cab
#2d7cab
rgb(45,124,171)
-
#247eb4
#247eb4
rgb(36,126,180)
-
#1c80bc
#1c80bc
rgb(28,128,188)
-
#1482c4
#1482c4
rgb(20,130,196)
-
#0b85cd
#0b85cd
rgb(11,133,205)
-
#0387d5
#0387d5
rgb(3,135,213)
Color Blindness Simulator
Below, you can see how #357aa3 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.