#3f5577 Color Information
In a RGB color space, hex #3f5577 is composed of 24.7% red, 33.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 28.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 216.4 degrees, a saturation of 30.8% and a lightness of 35.7%. #3f5577 color hex could be obtained by blending #7eaaee with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 47
-
- C 47
- M 29
- Y 0
- K 53
● #3f5577 color description : Dark moderate blue.
#3f5577 Color Conversion
The hexadecimal color #3f5577 has RGB values of R:63, G:85, B:119 and CMYK values of C:0.47, M:0.29, Y:0, K:0.53. Its decimal value is 4150647.
Hex triplet | 3f5577 | #3f5577 |
---|---|---|
RGB Decimal | 63, 85, 119 | rgb(63,85,119) |
RGB Percent | 24.7, 33.3, 46.7 | rgb(24.7%,33.3%,46.7%) |
CMYK | 47, 29, 0, 53 | |
HSL | 216.4°, 30.8, 35.7 | hsl(216.4,30.8%,35.7%) |
HSV (or HSB) | 216.4°, 47.1, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.763, 1.593, -21.949 |
---|---|
XYZ | 8.627, 8.885, 18.712 |
xyY | 0.238, 0.245, 8.885 |
CIE-LCH | 35.763, 22.007, 274.152 |
CIE-LUV | 35.763, -10.966, -30.009 |
Hunter-Lab | 29.808, -0.501, -16.354 |
Binary | 00111111, 01010101, 01110111 |
Color Schemes with #3f5577
Alternatives to #3f5577
Below, you can see some colors close to #3f5577. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5577 Preview
This text has a font color of #3f5577.
<span style="color:#3f5577;">Text here</span>
This paragraph has a background color of #3f5577.
<p style="background-color:#3f5577;">Content here</p>
This element has a border color of #3f5577.
<div style="border:1px solid #3f5577;">Content here</div>
.text {color:#3f5577;}
.background {background-color:#3f5577;}
.border {border:1px solid #3f5577;}
Shades and Tints of #3f5577
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, #020304 is the darkest color, while #f6f7fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090c10
#090c10
rgb(9,12,16)
-
#0f151d
#0f151d
rgb(15,21,29)
-
#161e2a
#161e2a
rgb(22,30,42)
-
#1d2737
#1d2737
rgb(29,39,55)
-
#243044
#243044
rgb(36,48,68)
-
#2b3a51
#2b3a51
rgb(43,58,81)
-
#31435d
#31435d
rgb(49,67,93)
-
#384c6a
#384c6a
rgb(56,76,106)
-
#3f5577
#3f5577
rgb(63,85,119)
-
#465e84
#465e84
rgb(70,94,132)
-
#4d6791
#4d6791
rgb(77,103,145)
-
#53709d
#53709d
rgb(83,112,157)
-
#5c7aa9
#5c7aa9
rgb(92,122,169)
-
#6984af
#6984af
rgb(105,132,175)
-
#758fb6
#758fb6
rgb(117,143,182)
-
#8299bd
#8299bd
rgb(130,153,189)
-
#8fa4c4
#8fa4c4
rgb(143,164,196)
-
#9caecb
#9caecb
rgb(156,174,203)
-
#a9b9d1
#a9b9d1
rgb(169,185,209)
-
#b6c3d8
#b6c3d8
rgb(182,195,216)
-
#c2cedf
#c2cedf
rgb(194,206,223)
-
#cfd8e6
#cfd8e6
rgb(207,216,230)
-
#dce3ed
#dce3ed
rgb(220,227,237)
-
#e9edf3
#e9edf3
rgb(233,237,243)
-
#f6f7fa
#f6f7fa
rgb(246,247,250)
Tones of #3f5577
A tone is produced by adding gray to any pure hue. In this case, #545a62 is the less saturated color, while #0048b6 is the most saturated one.
-
#545a62
#545a62
rgb(84,90,98)
-
#4d5869
#4d5869
rgb(77,88,105)
-
#465770
#465770
rgb(70,87,112)
-
#3f5577
#3f5577
rgb(63,85,119)
-
#38547e
#38547e
rgb(56,84,126)
-
#315285
#315285
rgb(49,82,133)
-
#2a518c
#2a518c
rgb(42,81,140)
-
#234f93
#234f93
rgb(35,79,147)
-
#1c4e9a
#1c4e9a
rgb(28,78,154)
-
#154ca1
#154ca1
rgb(21,76,161)
-
#0e4ba8
#0e4ba8
rgb(14,75,168)
-
#0749af
#0749af
rgb(7,73,175)
-
#0048b6
#0048b6
rgb(0,72,182)
Color Blindness Simulator
Below, you can see how #3f5577 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.