#3f6ba0 Color Information
In a RGB color space, hex #3f6ba0 is composed of 24.7% red, 42% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 33.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 212.8 degrees, a saturation of 43.5% and a lightness of 43.7%. #3f6ba0 color hex could be obtained by blending #7ed6ff with #000041. Closest websafe color is: #336699.
-
- R 25
- G 42
- B 63
-
- C 61
- M 33
- Y 0
- K 37
● #3f6ba0 color description : Dark moderate blue.
#3f6ba0 Color Conversion
The hexadecimal color #3f6ba0 has RGB values of R:63, G:107, B:160 and CMYK values of C:0.61, M:0.33, Y:0, K:0.37. Its decimal value is 4156320.
Hex triplet | 3f6ba0 | #3f6ba0 |
---|---|---|
RGB Decimal | 63, 107, 160 | rgb(63,107,160) |
RGB Percent | 24.7, 42, 62.7 | rgb(24.7%,42%,62.7%) |
CMYK | 61, 33, 0, 37 | |
HSL | 212.8°, 43.5, 43.7 | hsl(212.8,43.5%,43.7%) |
HSV (or HSB) | 212.8°, 60.6, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.389, 1.549, -33.222 |
---|---|
XYZ | 13.651, 14.109, 35.26 |
xyY | 0.217, 0.224, 14.109 |
CIE-LCH | 44.389, 33.258, 272.669 |
CIE-LUV | 44.389, -18.988, -48.923 |
Hunter-Lab | 37.562, -0.862, -29.362 |
Binary | 00111111, 01101011, 10100000 |
Color Schemes with #3f6ba0
Alternatives to #3f6ba0
Below, you can see some colors close to #3f6ba0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6ba0 Preview
This text has a font color of #3f6ba0.
<span style="color:#3f6ba0;">Text here</span>
This paragraph has a background color of #3f6ba0.
<p style="background-color:#3f6ba0;">Content here</p>
This element has a border color of #3f6ba0.
<div style="border:1px solid #3f6ba0;">Content here</div>
.text {color:#3f6ba0;}
.background {background-color:#3f6ba0;}
.border {border:1px solid #3f6ba0;}
Shades and Tints of #3f6ba0
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, #020305 is the darkest color, while #f6f9fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080d13
#080d13
rgb(8,13,19)
-
#0d1621
#0d1621
rgb(13,22,33)
-
#13202f
#13202f
rgb(19,32,47)
-
#18293d
#18293d
rgb(24,41,61)
-
#1e334c
#1e334c
rgb(30,51,76)
-
#233c5a
#233c5a
rgb(35,60,90)
-
#294568
#294568
rgb(41,69,104)
-
#2e4f76
#2e4f76
rgb(46,79,118)
-
#345884
#345884
rgb(52,88,132)
-
#396292
#396292
rgb(57,98,146)
-
#3f6ba0
#3f6ba0
rgb(63,107,160)
-
#4574ae
#4574ae
rgb(69,116,174)
-
#4d7eb9
#4d7eb9
rgb(77,126,185)
-
#5b88bf
#5b88bf
rgb(91,136,191)
-
#6993c4
#6993c4
rgb(105,147,196)
-
#779dca
#779dca
rgb(119,157,202)
-
#86a7cf
#86a7cf
rgb(134,167,207)
-
#94b1d5
#94b1d5
rgb(148,177,213)
-
#a2bbda
#a2bbda
rgb(162,187,218)
-
#b0c6e0
#b0c6e0
rgb(176,198,224)
-
#bed0e5
#bed0e5
rgb(190,208,229)
-
#ccdaeb
#ccdaeb
rgb(204,218,235)
-
#dae4f0
#dae4f0
rgb(218,228,240)
-
#e8eef6
#e8eef6
rgb(232,238,246)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #3f6ba0
A tone is produced by adding gray to any pure hue. In this case, #6a6f75 is the less saturated color, while #0365dc is the most saturated one.
-
#6a6f75
#6a6f75
rgb(106,111,117)
-
#616e7e
#616e7e
rgb(97,110,126)
-
#596d86
#596d86
rgb(89,109,134)
-
#506d8f
#506d8f
rgb(80,109,143)
-
#486c97
#486c97
rgb(72,108,151)
-
#3f6ba0
#3f6ba0
rgb(63,107,160)
-
#366aa9
#366aa9
rgb(54,106,169)
-
#2e69b1
#2e69b1
rgb(46,105,177)
-
#2569ba
#2569ba
rgb(37,105,186)
-
#1d68c2
#1d68c2
rgb(29,104,194)
-
#1467cb
#1467cb
rgb(20,103,203)
-
#0c66d3
#0c66d3
rgb(12,102,211)
-
#0365dc
#0365dc
rgb(3,101,220)
Color Blindness Simulator
Below, you can see how #3f6ba0 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.