#3f557b Color Information
In a RGB color space, hex #3f557b is composed of 24.7% red, 33.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 30.9% magenta, 0% yellow and 51.8% black. It has a hue angle of 218 degrees, a saturation of 32.3% and a lightness of 36.5%. #3f557b color hex could be obtained by blending #7eaaf6 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 48
-
- C 49
- M 31
- Y 0
- K 52
● #3f557b color description : Dark moderate blue.
#3f557b Color Conversion
The hexadecimal color #3f557b has RGB values of R:63, G:85, B:123 and CMYK values of C:0.49, M:0.31, Y:0, K:0.52. Its decimal value is 4150651.
Hex triplet | 3f557b | #3f557b |
---|---|---|
RGB Decimal | 63, 85, 123 | rgb(63,85,123) |
RGB Percent | 24.7, 33.3, 48.2 | rgb(24.7%,33.3%,48.2%) |
CMYK | 49, 31, 0, 52 | |
HSL | 218°, 32.3, 36.5 | hsl(218,32.3%,36.5%) |
HSV (or HSB) | 218°, 48.8, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.952, 2.885, -24.124 |
---|---|
XYZ | 8.873, 8.983, 20.004 |
xyY | 0.234, 0.237, 8.983 |
CIE-LCH | 35.952, 24.296, 276.82 |
CIE-LUV | 35.952, -11.009, -33.325 |
Hunter-Lab | 29.972, 0.39, -18.591 |
Binary | 00111111, 01010101, 01111011 |
Color Schemes with #3f557b
Alternatives to #3f557b
Below, you can see some colors close to #3f557b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f557b Preview
This text has a font color of #3f557b.
<span style="color:#3f557b;">Text here</span>
This paragraph has a background color of #3f557b.
<p style="background-color:#3f557b;">Content here</p>
This element has a border color of #3f557b.
<div style="border:1px solid #3f557b;">Content here</div>
.text {color:#3f557b;}
.background {background-color:#3f557b;}
.border {border:1px solid #3f557b;}
Shades and Tints of #3f557b
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, #030406 is the darkest color, while #f8f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0a0d13
#0a0d13
rgb(10,13,19)
-
#101620
#101620
rgb(16,22,32)
-
#171f2d
#171f2d
rgb(23,31,45)
-
#1e283a
#1e283a
rgb(30,40,58)
-
#243147
#243147
rgb(36,49,71)
-
#2b3a54
#2b3a54
rgb(43,58,84)
-
#324361
#324361
rgb(50,67,97)
-
#384c6e
#384c6e
rgb(56,76,110)
-
#3f557b
#3f557b
rgb(63,85,123)
-
#465e88
#465e88
rgb(70,94,136)
-
#4c6795
#4c6795
rgb(76,103,149)
-
#5370a2
#5370a2
rgb(83,112,162)
-
#5d7aac
#5d7aac
rgb(93,122,172)
-
#6a84b2
#6a84b2
rgb(106,132,178)
-
#778fb9
#778fb9
rgb(119,143,185)
-
#849ac0
#849ac0
rgb(132,154,192)
-
#91a4c6
#91a4c6
rgb(145,164,198)
-
#9dafcd
#9dafcd
rgb(157,175,205)
-
#aabad4
#aabad4
rgb(170,186,212)
-
#b7c4da
#b7c4da
rgb(183,196,218)
-
#c4cfe1
#c4cfe1
rgb(196,207,225)
-
#d1dae8
#d1dae8
rgb(209,218,232)
-
#dee4ee
#dee4ee
rgb(222,228,238)
-
#ebeff5
#ebeff5
rgb(235,239,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #3f557b
A tone is produced by adding gray to any pure hue. In this case, #5c5d5e is the less saturated color, while #0646b4 is the most saturated one.
-
#5c5d5e
#5c5d5e
rgb(92,93,94)
-
#545b66
#545b66
rgb(84,91,102)
-
#4d596d
#4d596d
rgb(77,89,109)
-
#465774
#465774
rgb(70,87,116)
-
#3f557b
#3f557b
rgb(63,85,123)
-
#385382
#385382
rgb(56,83,130)
-
#315189
#315189
rgb(49,81,137)
-
#2a4f90
#2a4f90
rgb(42,79,144)
-
#224d98
#224d98
rgb(34,77,152)
-
#1b4b9f
#1b4b9f
rgb(27,75,159)
-
#144aa6
#144aa6
rgb(20,74,166)
-
#0d48ad
#0d48ad
rgb(13,72,173)
-
#0646b4
#0646b4
rgb(6,70,180)
Color Blindness Simulator
Below, you can see how #3f557b 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.