#3f557a Color Information
In a RGB color space, hex #3f557a is composed of 24.7% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 217.6 degrees, a saturation of 31.9% and a lightness of 36.3%. #3f557a color hex could be obtained by blending #7eaaf4 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 48
-
- C 48
- M 30
- Y 0
- K 52
● #3f557a color description : Dark moderate blue.
#3f557a Color Conversion
The hexadecimal color #3f557a has RGB values of R:63, G:85, B:122 and CMYK values of C:0.48, M:0.3, Y:0, K:0.52. Its decimal value is 4150650.
Hex triplet | 3f557a | #3f557a |
---|---|---|
RGB Decimal | 63, 85, 122 | rgb(63,85,122) |
RGB Percent | 24.7, 33.3, 47.8 | rgb(24.7%,33.3%,47.8%) |
CMYK | 48, 30, 0, 52 | |
HSL | 217.6°, 31.9, 36.3 | hsl(217.6,31.9%,36.3%) |
HSV (or HSB) | 217.6°, 48.4, 47.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.904, 2.56, -23.582 |
---|---|
XYZ | 8.81, 8.959, 19.676 |
xyY | 0.235, 0.239, 8.959 |
CIE-LCH | 35.904, 23.721, 276.196 |
CIE-LUV | 35.904, -10.998, -32.497 |
Hunter-Lab | 29.931, 0.165, -18.025 |
Binary | 00111111, 01010101, 01111010 |
Color Schemes with #3f557a
Alternatives to #3f557a
Below, you can see some colors close to #3f557a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f557a Preview
This text has a font color of #3f557a.
<span style="color:#3f557a;">Text here</span>
This paragraph has a background color of #3f557a.
<p style="background-color:#3f557a;">Content here</p>
This element has a border color of #3f557a.
<div style="border:1px solid #3f557a;">Content here</div>
.text {color:#3f557a;}
.background {background-color:#3f557a;}
.border {border:1px solid #3f557a;}
Shades and Tints of #3f557a
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 #f8f9fb is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0a0d13
#0a0d13
rgb(10,13,19)
-
#10161f
#10161f
rgb(16,22,31)
-
#171f2c
#171f2c
rgb(23,31,44)
-
#1e2839
#1e2839
rgb(30,40,57)
-
#243146
#243146
rgb(36,49,70)
-
#2b3a53
#2b3a53
rgb(43,58,83)
-
#324360
#324360
rgb(50,67,96)
-
#384c6d
#384c6d
rgb(56,76,109)
-
#3f557a
#3f557a
rgb(63,85,122)
-
#465e87
#465e87
rgb(70,94,135)
-
#4c6794
#4c6794
rgb(76,103,148)
-
#5370a1
#5370a1
rgb(83,112,161)
-
#5c7aab
#5c7aab
rgb(92,122,171)
-
#6984b2
#6984b2
rgb(105,132,178)
-
#768fb8
#768fb8
rgb(118,143,184)
-
#839abf
#839abf
rgb(131,154,191)
-
#90a4c6
#90a4c6
rgb(144,164,198)
-
#9dafcc
#9dafcc
rgb(157,175,204)
-
#aab9d3
#aab9d3
rgb(170,185,211)
-
#b7c4da
#b7c4da
rgb(183,196,218)
-
#c4cfe0
#c4cfe0
rgb(196,207,224)
-
#d1d9e7
#d1d9e7
rgb(209,217,231)
-
#dee4ee
#dee4ee
rgb(222,228,238)
-
#ebeef5
#ebeef5
rgb(235,238,245)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #3f557a
A tone is produced by adding gray to any pure hue. In this case, #5b5c5e is the less saturated color, while #0647b3 is the most saturated one.
-
#5b5c5e
#5b5c5e
rgb(91,92,94)
-
#545a65
#545a65
rgb(84,90,101)
-
#4d596c
#4d596c
rgb(77,89,108)
-
#465773
#465773
rgb(70,87,115)
-
#3f557a
#3f557a
rgb(63,85,122)
-
#385381
#385381
rgb(56,83,129)
-
#315188
#315188
rgb(49,81,136)
-
#2a508f
#2a508f
rgb(42,80,143)
-
#234e96
#234e96
rgb(35,78,150)
-
#1b4c9e
#1b4c9e
rgb(27,76,158)
-
#144aa5
#144aa5
rgb(20,74,165)
-
#0d48ac
#0d48ac
rgb(13,72,172)
-
#0647b3
#0647b3
rgb(6,71,179)
Color Blindness Simulator
Below, you can see how #3f557a 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.