#357fa9 Color Information
In a RGB color space, hex #357fa9 is composed of 20.8% red, 49.8% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 24.9% magenta, 0% yellow and 33.7% black. It has a hue angle of 201.7 degrees, a saturation of 52.3% and a lightness of 43.5%. #357fa9 color hex could be obtained by blending #6afeff with #000053. Closest websafe color is: #336699.
-
- R 21
- G 50
- B 66
-
- C 69
- M 25
- Y 0
- K 34
● #357fa9 color description : Dark moderate blue.
#357fa9 Color Conversion
The hexadecimal color #357fa9 has RGB values of R:53, G:127, B:169 and CMYK values of C:0.69, M:0.25, Y:0, K:0.34. Its decimal value is 3506089.
Hex triplet | 357fa9 | #357fa9 |
---|---|---|
RGB Decimal | 53, 127, 169 | rgb(53,127,169) |
RGB Percent | 20.8, 49.8, 66.3 | rgb(20.8%,49.8%,66.3%) |
CMYK | 69, 25, 0, 34 | |
HSL | 201.7°, 52.3, 43.5 | hsl(201.7,52.3%,43.5%) |
HSV (or HSB) | 201.7°, 68.6, 66.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 50.451, -9.106, -29.035 |
---|---|
XYZ | 16.217, 18.799, 40.308 |
xyY | 0.215, 0.25, 18.799 |
CIE-LCH | 50.451, 30.43, 252.587 |
CIE-LUV | 50.451, -28.247, -42.409 |
Hunter-Lab | 43.358, -9.111, -24.769 |
Binary | 00110101, 01111111, 10101001 |
Color Schemes with #357fa9
Alternatives to #357fa9
Below, you can see some colors close to #357fa9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#357fa9 Preview
This text has a font color of #357fa9.
<span style="color:#357fa9;">Text here</span>
This paragraph has a background color of #357fa9.
<p style="background-color:#357fa9;">Content here</p>
This element has a border color of #357fa9.
<div style="border:1px solid #357fa9;">Content here</div>
.text {color:#357fa9;}
.background {background-color:#357fa9;}
.border {border:1px solid #357fa9;}
Shades and Tints of #357fa9
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, #010405 is the darkest color, while #f5f9fc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#060f14
#060f14
rgb(6,15,20)
-
#0b1a23
#0b1a23
rgb(11,26,35)
-
#102532
#102532
rgb(16,37,50)
-
#143040
#143040
rgb(20,48,64)
-
#193c4f
#193c4f
rgb(25,60,79)
-
#1e475e
#1e475e
rgb(30,71,94)
-
#22526d
#22526d
rgb(34,82,109)
-
#275d7c
#275d7c
rgb(39,93,124)
-
#2c698b
#2c698b
rgb(44,105,139)
-
#30749a
#30749a
rgb(48,116,154)
-
#357fa9
#357fa9
rgb(53,127,169)
-
#3a8ab8
#3a8ab8
rgb(58,138,184)
-
#4295c4
#4295c4
rgb(66,149,196)
-
#519dc8
#519dc8
rgb(81,157,200)
-
#5fa5cd
#5fa5cd
rgb(95,165,205)
-
#6eaed2
#6eaed2
rgb(110,174,210)
-
#7db6d6
#7db6d6
rgb(125,182,214)
-
#8cbfdb
#8cbfdb
rgb(140,191,219)
-
#9bc7e0
#9bc7e0
rgb(155,199,224)
-
#aacfe4
#aacfe4
rgb(170,207,228)
-
#b9d8e9
#b9d8e9
rgb(185,216,233)
-
#c8e0ee
#c8e0ee
rgb(200,224,238)
-
#d7e8f2
#d7e8f2
rgb(215,232,242)
-
#e6f1f7
#e6f1f7
rgb(230,241,247)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #357fa9
A tone is produced by adding gray to any pure hue. In this case, #687176 is the less saturated color, while #028ddc is the most saturated one.
-
#687176
#687176
rgb(104,113,118)
-
#60737e
#60737e
rgb(96,115,126)
-
#577687
#577687
rgb(87,118,135)
-
#4f788f
#4f788f
rgb(79,120,143)
-
#467a98
#467a98
rgb(70,122,152)
-
#3e7da0
#3e7da0
rgb(62,125,160)
-
#357fa9
#357fa9
rgb(53,127,169)
-
#2c81b2
#2c81b2
rgb(44,129,178)
-
#2484ba
#2484ba
rgb(36,132,186)
-
#1b86c3
#1b86c3
rgb(27,134,195)
-
#1388cb
#1388cb
rgb(19,136,203)
-
#0a8bd4
#0a8bd4
rgb(10,139,212)
-
#028ddc
#028ddc
rgb(2,141,220)
Color Blindness Simulator
Below, you can see how #357fa9 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.