#3f549e Color Information
In a RGB color space, hex #3f549e is composed of 24.7% red, 32.9% green and 62% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 46.8% magenta, 0% yellow and 38% black. It has a hue angle of 226.7 degrees, a saturation of 43% and a lightness of 43.3%. #3f549e color hex could be obtained by blending #7ea8ff with #00003d. Closest websafe color is: #336699.
-
- R 25
- G 33
- B 62
-
- C 60
- M 47
- Y 0
- K 38
● #3f549e color description : Dark moderate blue.
#3f549e Color Conversion
The hexadecimal color #3f549e has RGB values of R:63, G:84, B:158 and CMYK values of C:0.6, M:0.47, Y:0, K:0.38. Its decimal value is 4150430.
Hex triplet | 3f549e | #3f549e |
---|---|---|
RGB Decimal | 63, 84, 158 | rgb(63,84,158) |
RGB Percent | 24.7, 32.9, 62 | rgb(24.7%,32.9%,62%) |
CMYK | 60, 47, 0, 38 | |
HSL | 226.7°, 43, 43.3 | hsl(226.7,43%,43.3%) |
HSV (or HSB) | 226.7°, 60.1, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.6, 15.478, -42.805 |
---|---|
XYZ | 11.39, 9.865, 33.65 |
xyY | 0.207, 0.18, 9.865 |
CIE-LCH | 37.6, 45.518, 289.88 |
CIE-LUV | 37.6, -11.154, -62.206 |
Hunter-Lab | 31.409, 9.766, -41.533 |
Binary | 00111111, 01010100, 10011110 |
Color Schemes with #3f549e
Alternatives to #3f549e
Below, you can see some colors close to #3f549e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f549e Preview
This text has a font color of #3f549e.
<span style="color:#3f549e;">Text here</span>
This paragraph has a background color of #3f549e.
<p style="background-color:#3f549e;">Content here</p>
This element has a border color of #3f549e.
<div style="border:1px solid #3f549e;">Content here</div>
.text {color:#3f549e;}
.background {background-color:#3f549e;}
.border {border:1px solid #3f549e;}
Shades and Tints of #3f549e
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, #010204 is the darkest color, while #f5f6fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#070912
#070912
rgb(7,9,18)
-
#0d1120
#0d1120
rgb(13,17,32)
-
#12182e
#12182e
rgb(18,24,46)
-
#18203c
#18203c
rgb(24,32,60)
-
#1d274a
#1d274a
rgb(29,39,74)
-
#232f58
#232f58
rgb(35,47,88)
-
#293666
#293666
rgb(41,54,102)
-
#2e3e74
#2e3e74
rgb(46,62,116)
-
#344582
#344582
rgb(52,69,130)
-
#394d90
#394d90
rgb(57,77,144)
-
#3f549e
#3f549e
rgb(63,84,158)
-
#455bac
#455bac
rgb(69,91,172)
-
#4c64b8
#4c64b8
rgb(76,100,184)
-
#5a70bd
#5a70bd
rgb(90,112,189)
-
#687cc3
#687cc3
rgb(104,124,195)
-
#7789c9
#7789c9
rgb(119,137,201)
-
#8595ce
#8595ce
rgb(133,149,206)
-
#93a1d4
#93a1d4
rgb(147,161,212)
-
#a1add9
#a1add9
rgb(161,173,217)
-
#afb9df
#afb9df
rgb(175,185,223)
-
#bdc5e5
#bdc5e5
rgb(189,197,229)
-
#cbd2ea
#cbd2ea
rgb(203,210,234)
-
#d9def0
#d9def0
rgb(217,222,240)
-
#e7eaf5
#e7eaf5
rgb(231,234,245)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #3f549e
A tone is produced by adding gray to any pure hue. In this case, #6a6c74 is the less saturated color, while #0333da is the most saturated one.
-
#6a6c74
#6a6c74
rgb(106,108,116)
-
#61677c
#61677c
rgb(97,103,124)
-
#596285
#596285
rgb(89,98,133)
-
#505d8d
#505d8d
rgb(80,93,141)
-
#485996
#485996
rgb(72,89,150)
-
#3f549e
#3f549e
rgb(63,84,158)
-
#374fa7
#374fa7
rgb(55,79,167)
-
#2e4baf
#2e4baf
rgb(46,75,175)
-
#2646b8
#2646b8
rgb(38,70,184)
-
#1d41c0
#1d41c0
rgb(29,65,192)
-
#153cc9
#153cc9
rgb(21,60,201)
-
#0c38d1
#0c38d1
rgb(12,56,209)
-
#0333da
#0333da
rgb(3,51,218)
Color Blindness Simulator
Below, you can see how #3f549e 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.