#3f557d Color Information
In a RGB color space, hex #3f557d is composed of 24.7% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 32% magenta, 0% yellow and 51% black. It has a hue angle of 218.7 degrees, a saturation of 33% and a lightness of 36.9%. #3f557d color hex could be obtained by blending #7eaafa with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 49
-
- C 50
- M 32
- Y 0
- K 51
● #3f557d color description : Dark moderate blue.
#3f557d Color Conversion
The hexadecimal color #3f557d has RGB values of R:63, G:85, B:125 and CMYK values of C:0.5, M:0.32, Y:0, K:0.51. Its decimal value is 4150653.
Hex triplet | 3f557d | #3f557d |
---|---|---|
RGB Decimal | 63, 85, 125 | rgb(63,85,125) |
RGB Percent | 24.7, 33.3, 49 | rgb(24.7%,33.3%,49%) |
CMYK | 50, 32, 0, 51 | |
HSL | 218.7°, 33, 36.9 | hsl(218.7,33%,36.9%) |
HSV (or HSB) | 218.7°, 49.6, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.05, 3.538, -25.205 |
---|---|
XYZ | 8.999, 9.034, 20.67 |
xyY | 0.233, 0.233, 9.034 |
CIE-LCH | 36.05, 25.452, 277.991 |
CIE-LUV | 36.05, -11.031, -34.98 |
Hunter-Lab | 30.057, 0.845, -19.735 |
Binary | 00111111, 01010101, 01111101 |
Color Schemes with #3f557d
Alternatives to #3f557d
Below, you can see some colors close to #3f557d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f557d Preview
This text has a font color of #3f557d.
<span style="color:#3f557d;">Text here</span>
This paragraph has a background color of #3f557d.
<p style="background-color:#3f557d;">Content here</p>
This element has a border color of #3f557d.
<div style="border:1px solid #3f557d;">Content here</div>
.text {color:#3f557d;}
.background {background-color:#3f557d;}
.border {border:1px solid #3f557d;}
Shades and Tints of #3f557d
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, #040508 is the darkest color, while #fafbfc is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0a0e15
#0a0e15
rgb(10,14,21)
-
#111722
#111722
rgb(17,23,34)
-
#18202f
#18202f
rgb(24,32,47)
-
#1e293c
#1e293c
rgb(30,41,60)
-
#253249
#253249
rgb(37,50,73)
-
#2b3a56
#2b3a56
rgb(43,58,86)
-
#324363
#324363
rgb(50,67,99)
-
#384c70
#384c70
rgb(56,76,112)
-
#3f557d
#3f557d
rgb(63,85,125)
-
#465e8a
#465e8a
rgb(70,94,138)
-
#4c6797
#4c6797
rgb(76,103,151)
-
#5370a4
#5370a4
rgb(83,112,164)
-
#5d7aad
#5d7aad
rgb(93,122,173)
-
#6a84b4
#6a84b4
rgb(106,132,180)
-
#778fbb
#778fbb
rgb(119,143,187)
-
#849ac1
#849ac1
rgb(132,154,193)
-
#91a5c8
#91a5c8
rgb(145,165,200)
-
#9eafce
#9eafce
rgb(158,175,206)
-
#abbad5
#abbad5
rgb(171,186,213)
-
#b8c5db
#b8c5db
rgb(184,197,219)
-
#c5d0e2
#c5d0e2
rgb(197,208,226)
-
#d2dae9
#d2dae9
rgb(210,218,233)
-
#dfe5ef
#dfe5ef
rgb(223,229,239)
-
#edf0f6
#edf0f6
rgb(237,240,246)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #3f557d
A tone is produced by adding gray to any pure hue. In this case, #5c5d60 is the less saturated color, while #0544b7 is the most saturated one.
-
#5c5d60
#5c5d60
rgb(92,93,96)
-
#555b67
#555b67
rgb(85,91,103)
-
#4d596f
#4d596f
rgb(77,89,111)
-
#465776
#465776
rgb(70,87,118)
-
#3f557d
#3f557d
rgb(63,85,125)
-
#385384
#385384
rgb(56,83,132)
-
#31518b
#31518b
rgb(49,81,139)
-
#294f93
#294f93
rgb(41,79,147)
-
#224d9a
#224d9a
rgb(34,77,154)
-
#1b4ba1
#1b4ba1
rgb(27,75,161)
-
#1448a8
#1448a8
rgb(20,72,168)
-
#0c46b0
#0c46b0
rgb(12,70,176)
-
#0544b7
#0544b7
rgb(5,68,183)
Color Blindness Simulator
Below, you can see how #3f557d 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.