#354f84 Color Information
In a RGB color space, hex #354f84 is composed of 20.8% red, 31% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 40.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 220.3 degrees, a saturation of 42.7% and a lightness of 36.3%. #354f84 color hex could be obtained by blending #6a9eff with #000009. Closest websafe color is: #336699.
-
- R 21
- G 31
- B 52
-
- C 60
- M 40
- Y 0
- K 48
● #354f84 color description : Dark moderate blue.
#354f84 Color Conversion
The hexadecimal color #354f84 has RGB values of R:53, G:79, B:132 and CMYK values of C:0.6, M:0.4, Y:0, K:0.48. Its decimal value is 3493764.
Hex triplet | 354f84 | #354f84 |
---|---|---|
RGB Decimal | 53, 79, 132 | rgb(53,79,132) |
RGB Percent | 20.8, 31, 51.8 | rgb(20.8%,31%,51.8%) |
CMYK | 60, 40, 0, 48 | |
HSL | 220.3°, 42.7, 36.3 | hsl(220.3,42.7%,36.3%) |
HSV (or HSB) | 220.3°, 59.8, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.013, 7.392, -32.764 |
---|---|
XYZ | 8.428, 8.014, 22.931 |
xyY | 0.214, 0.204, 8.014 |
CIE-LCH | 34.013, 33.587, 282.713 |
CIE-LUV | 34.013, -11.978, -45.547 |
Hunter-Lab | 28.31, 3.6, -28.209 |
Binary | 00110101, 01001111, 10000100 |
Color Schemes with #354f84
Alternatives to #354f84
Below, you can see some colors close to #354f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#354f84 Preview
This text has a font color of #354f84.
<span style="color:#354f84;">Text here</span>
This paragraph has a background color of #354f84.
<p style="background-color:#354f84;">Content here</p>
This element has a border color of #354f84.
<div style="border:1px solid #354f84;">Content here</div>
.text {color:#354f84;}
.background {background-color:#354f84;}
.border {border:1px solid #354f84;}
Shades and Tints of #354f84
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, #020406 is the darkest color, while #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#080c14
#080c14
rgb(8,12,20)
-
#0e1422
#0e1422
rgb(14,20,34)
-
#131d30
#131d30
rgb(19,29,48)
-
#19253e
#19253e
rgb(25,37,62)
-
#1f2d4c
#1f2d4c
rgb(31,45,76)
-
#24365a
#24365a
rgb(36,54,90)
-
#2a3e68
#2a3e68
rgb(42,62,104)
-
#2f4776
#2f4776
rgb(47,71,118)
-
#354f84
#354f84
rgb(53,79,132)
-
#3b5792
#3b5792
rgb(59,87,146)
-
#4060a0
#4060a0
rgb(64,96,160)
-
#4668ae
#4668ae
rgb(70,104,174)
-
#4f72b8
#4f72b8
rgb(79,114,184)
-
#5d7dbe
#5d7dbe
rgb(93,125,190)
-
#6b88c4
#6b88c4
rgb(107,136,196)
-
#7993c9
#7993c9
rgb(121,147,201)
-
#879fcf
#879fcf
rgb(135,159,207)
-
#95aad4
#95aad4
rgb(149,170,212)
-
#a3b5da
#a3b5da
rgb(163,181,218)
-
#b1c0e0
#b1c0e0
rgb(177,192,224)
-
#bfcce5
#bfcce5
rgb(191,204,229)
-
#cdd7eb
#cdd7eb
rgb(205,215,235)
-
#dbe2f1
#dbe2f1
rgb(219,226,241)
-
#e9edf6
#e9edf6
rgb(233,237,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #354f84
A tone is produced by adding gray to any pure hue. In this case, #595b60 is the less saturated color, while #033eb6 is the most saturated one.
-
#595b60
#595b60
rgb(89,91,96)
-
#515968
#515968
rgb(81,89,104)
-
#4a566f
#4a566f
rgb(74,86,111)
-
#435476
#435476
rgb(67,84,118)
-
#3c517d
#3c517d
rgb(60,81,125)
-
#354f84
#354f84
rgb(53,79,132)
-
#2e4d8b
#2e4d8b
rgb(46,77,139)
-
#274a92
#274a92
rgb(39,74,146)
-
#204899
#204899
rgb(32,72,153)
-
#1945a0
#1945a0
rgb(25,69,160)
-
#1143a8
#1143a8
rgb(17,67,168)
-
#0a40af
#0a40af
rgb(10,64,175)
-
#033eb6
#033eb6
rgb(3,62,182)
Color Blindness Simulator
Below, you can see how #354f84 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.