#3f5f84 Color Information
In a RGB color space, hex #3f5f84 is composed of 24.7% red, 37.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 28% magenta, 0% yellow and 48.2% black. It has a hue angle of 212.2 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f5f84 color hex could be obtained by blending #7ebeff with #000009. Closest websafe color is: #336699.
-
- R 25
- G 37
- B 52
-
- C 52
- M 28
- Y 0
- K 48
● #3f5f84 color description : Dark moderate blue.
#3f5f84 Color Conversion
The hexadecimal color #3f5f84 has RGB values of R:63, G:95, B:132 and CMYK values of C:0.52, M:0.28, Y:0, K:0.48. Its decimal value is 4153220.
Hex triplet | 3f5f84 | #3f5f84 |
---|---|---|
RGB Decimal | 63, 95, 132 | rgb(63,95,132) |
RGB Percent | 24.7, 37.3, 51.8 | rgb(24.7%,37.3%,51.8%) |
CMYK | 52, 28, 0, 48 | |
HSL | 212.2°, 35.4, 38.2 | hsl(212.2,35.4%,38.2%) |
HSV (or HSB) | 212.2°, 52.3, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.423, -0.465, -24.225 |
---|---|
XYZ | 10.306, 10.907, 23.391 |
xyY | 0.231, 0.245, 10.907 |
CIE-LCH | 39.423, 24.23, 268.901 |
CIE-LUV | 39.423, -14.833, -33.912 |
Hunter-Lab | 33.025, -2.09, -18.876 |
Binary | 00111111, 01011111, 10000100 |
Color Schemes with #3f5f84
Alternatives to #3f5f84
Below, you can see some colors close to #3f5f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5f84 Preview
This text has a font color of #3f5f84.
<span style="color:#3f5f84;">Text here</span>
This paragraph has a background color of #3f5f84.
<p style="background-color:#3f5f84;">Content here</p>
This element has a border color of #3f5f84.
<div style="border:1px solid #3f5f84;">Content here</div>
.text {color:#3f5f84;}
.background {background-color:#3f5f84;}
.border {border:1px solid #3f5f84;}
Shades and Tints of #3f5f84
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, #06090c is the darkest color, while #fefeff is the lightest one.
-
#06090c
#06090c
rgb(6,9,12)
-
#0c131a
#0c131a
rgb(12,19,26)
-
#131c27
#131c27
rgb(19,28,39)
-
#192634
#192634
rgb(25,38,52)
-
#1f2f42
#1f2f42
rgb(31,47,66)
-
#26394f
#26394f
rgb(38,57,79)
-
#2c425c
#2c425c
rgb(44,66,92)
-
#324c69
#324c69
rgb(50,76,105)
-
#395577
#395577
rgb(57,85,119)
-
#3f5f84
#3f5f84
rgb(63,95,132)
-
#456991
#456991
rgb(69,105,145)
-
#4c729f
#4c729f
rgb(76,114,159)
-
#527cac
#527cac
rgb(82,124,172)
-
#5f86b3
#5f86b3
rgb(95,134,179)
-
#6c90b9
#6c90b9
rgb(108,144,185)
-
#799abf
#799abf
rgb(121,154,191)
-
#87a4c6
#87a4c6
rgb(135,164,198)
-
#94aecc
#94aecc
rgb(148,174,204)
-
#a1b8d2
#a1b8d2
rgb(161,184,210)
-
#afc2d9
#afc2d9
rgb(175,194,217)
-
#bcccdf
#bcccdf
rgb(188,204,223)
-
#c9d6e5
#c9d6e5
rgb(201,214,229)
-
#d6e0ec
#d6e0ec
rgb(214,224,236)
-
#e4eaf2
#e4eaf2
rgb(228,234,242)
-
#f1f4f8
#f1f4f8
rgb(241,244,248)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3f5f84
A tone is produced by adding gray to any pure hue. In this case, #5d6166 is the less saturated color, while #035bc0 is the most saturated one.
-
#5d6166
#5d6166
rgb(93,97,102)
-
#56616e
#56616e
rgb(86,97,110)
-
#4e6075
#4e6075
rgb(78,96,117)
-
#47607d
#47607d
rgb(71,96,125)
-
#3f5f84
#3f5f84
rgb(63,95,132)
-
#385e8c
#385e8c
rgb(56,94,140)
-
#305e93
#305e93
rgb(48,94,147)
-
#295d9b
#295d9b
rgb(41,93,155)
-
#215da2
#215da2
rgb(33,93,162)
-
#1a5caa
#1a5caa
rgb(26,92,170)
-
#125cb1
#125cb1
rgb(18,92,177)
-
#0b5bb9
#0b5bb9
rgb(11,91,185)
-
#035bc0
#035bc0
rgb(3,91,192)
Color Blindness Simulator
Below, you can see how #3f5f84 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.