#3354a0 Color Information
In a RGB color space, hex #3354a0 is composed of 20% red, 32.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 47.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 221.8 degrees, a saturation of 51.7% and a lightness of 41.4%. #3354a0 color hex could be obtained by blending #66a8ff with #000041. Closest websafe color is: #336699.
-
- R 20
- G 33
- B 63
-
- C 68
- M 48
- Y 0
- K 37
● #3354a0 color description : Dark moderate blue.
#3354a0 Color Conversion
The hexadecimal color #3354a0 has RGB values of R:51, G:84, B:160 and CMYK values of C:0.68, M:0.48, Y:0, K:0.37. Its decimal value is 3364000.
Hex triplet | 3354a0 | #3354a0 |
---|---|---|
RGB Decimal | 51, 84, 160 | rgb(51,84,160) |
RGB Percent | 20, 32.9, 62.7 | rgb(20%,32.9%,62.7%) |
CMYK | 68, 48, 0, 37 | |
HSL | 221.8°, 51.7, 41.4 | hsl(221.8,51.7%,41.4%) |
HSV (or HSB) | 221.8°, 68.1, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.081, 13.97, -44.871 |
---|---|
XYZ | 10.879, 9.582, 34.532 |
xyY | 0.198, 0.174, 9.582 |
CIE-LCH | 37.081, 46.995, 287.293 |
CIE-LUV | 37.081, -14.124, -64.764 |
Hunter-Lab | 30.955, 8.566, -44.474 |
Binary | 00110011, 01010100, 10100000 |
Color Schemes with #3354a0
Alternatives to #3354a0
Below, you can see some colors close to #3354a0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3354a0 Preview
This text has a font color of #3354a0.
<span style="color:#3354a0;">Text here</span>
This paragraph has a background color of #3354a0.
<p style="background-color:#3354a0;">Content here</p>
This element has a border color of #3354a0.
<div style="border:1px solid #3354a0;">Content here</div>
.text {color:#3354a0;}
.background {background-color:#3354a0;}
.border {border:1px solid #3354a0;}
Shades and Tints of #3354a0
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, #04060b is the darkest color, while #fbfcfe is the lightest one.
-
#04060b
#04060b
rgb(4,6,11)
-
#080e1a
#080e1a
rgb(8,14,26)
-
#0d1629
#0d1629
rgb(13,22,41)
-
#121d38
#121d38
rgb(18,29,56)
-
#172547
#172547
rgb(23,37,71)
-
#1b2d56
#1b2d56
rgb(27,45,86)
-
#203565
#203565
rgb(32,53,101)
-
#253d73
#253d73
rgb(37,61,115)
-
#2a4482
#2a4482
rgb(42,68,130)
-
#2e4c91
#2e4c91
rgb(46,76,145)
-
#3354a0
#3354a0
rgb(51,84,160)
-
#385caf
#385caf
rgb(56,92,175)
-
#3c64be
#3c64be
rgb(60,100,190)
-
#496ec5
#496ec5
rgb(73,110,197)
-
#587aca
#587aca
rgb(88,122,202)
-
#6786ce
#6786ce
rgb(103,134,206)
-
#7692d3
#7692d3
rgb(118,146,211)
-
#849ed8
#849ed8
rgb(132,158,216)
-
#93a9dd
#93a9dd
rgb(147,169,221)
-
#a2b5e1
#a2b5e1
rgb(162,181,225)
-
#b1c1e6
#b1c1e6
rgb(177,193,230)
-
#c0cdeb
#c0cdeb
rgb(192,205,235)
-
#cfd9f0
#cfd9f0
rgb(207,217,240)
-
#dee5f4
#dee5f4
rgb(222,229,244)
-
#edf0f9
#edf0f9
rgb(237,240,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #3354a0
A tone is produced by adding gray to any pure hue. In this case, #64676f is the less saturated color, while #0241d1 is the most saturated one.
-
#64676f
#64676f
rgb(100,103,111)
-
#5c6477
#5c6477
rgb(92,100,119)
-
#536180
#536180
rgb(83,97,128)
-
#4b5e88
#4b5e88
rgb(75,94,136)
-
#435a90
#435a90
rgb(67,90,144)
-
#3b5798
#3b5798
rgb(59,87,152)
-
#3354a0
#3354a0
rgb(51,84,160)
-
#2b51a8
#2b51a8
rgb(43,81,168)
-
#234eb0
#234eb0
rgb(35,78,176)
-
#1b4ab8
#1b4ab8
rgb(27,74,184)
-
#1347c0
#1347c0
rgb(19,71,192)
-
#0a44c9
#0a44c9
rgb(10,68,201)
-
#0241d1
#0241d1
rgb(2,65,209)
Color Blindness Simulator
Below, you can see how #3354a0 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.