#3f5a86 Color Information
In a RGB color space, hex #3f5a86 is composed of 24.7% red, 35.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 32.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 217.2 degrees, a saturation of 36% and a lightness of 38.6%. #3f5a86 color hex could be obtained by blending #7eb4ff with #00000d. Closest websafe color is: #336699.
-
- R 25
- G 35
- B 53
-
- C 53
- M 33
- Y 0
- K 47
● #3f5a86 color description : Dark moderate blue.
#3f5a86 Color Conversion
The hexadecimal color #3f5a86 has RGB values of R:63, G:90, B:134 and CMYK values of C:0.53, M:0.33, Y:0, K:0.47. Its decimal value is 4151942.
Hex triplet | 3f5a86 | #3f5a86 |
---|---|---|
RGB Decimal | 63, 90, 134 | rgb(63,90,134) |
RGB Percent | 24.7, 35.3, 52.5 | rgb(24.7%,35.3%,52.5%) |
CMYK | 53, 33, 0, 47 | |
HSL | 217.2°, 36, 38.6 | hsl(217.2,36%,38.6%) |
HSV (or HSB) | 217.2°, 53, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.003, 3.335, -27.659 |
---|---|
XYZ | 10.008, 10.09, 23.973 |
xyY | 0.227, 0.229, 10.09 |
CIE-LCH | 38.003, 27.859, 276.875 |
CIE-LUV | 38.003, -12.958, -39.059 |
Hunter-Lab | 31.764, 0.653, -22.512 |
Binary | 00111111, 01011010, 10000110 |
Color Schemes with #3f5a86
Alternatives to #3f5a86
Below, you can see some colors close to #3f5a86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5a86 Preview
This text has a font color of #3f5a86.
<span style="color:#3f5a86;">Text here</span>
This paragraph has a background color of #3f5a86.
<p style="background-color:#3f5a86;">Content here</p>
This element has a border color of #3f5a86.
<div style="border:1px solid #3f5a86;">Content here</div>
.text {color:#3f5a86;}
.background {background-color:#3f5a86;}
.border {border:1px solid #3f5a86;}
Shades and Tints of #3f5a86
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, #000001 is the darkest color, while #f2f5f9 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#07090e
#07090e
rgb(7,9,14)
-
#0d121b
#0d121b
rgb(13,18,27)
-
#131b29
#131b29
rgb(19,27,41)
-
#192436
#192436
rgb(25,36,54)
-
#202d43
#202d43
rgb(32,45,67)
-
#263651
#263651
rgb(38,54,81)
-
#2c3f5e
#2c3f5e
rgb(44,63,94)
-
#32486b
#32486b
rgb(50,72,107)
-
#395179
#395179
rgb(57,81,121)
-
#3f5a86
#3f5a86
rgb(63,90,134)
-
#456393
#456393
rgb(69,99,147)
-
#4c6ca1
#4c6ca1
rgb(76,108,161)
-
#5275ae
#5275ae
rgb(82,117,174)
-
#5f80b4
#5f80b4
rgb(95,128,180)
-
#6d8aba
#6d8aba
rgb(109,138,186)
-
#7a95c1
#7a95c1
rgb(122,149,193)
-
#87a0c7
#87a0c7
rgb(135,160,199)
-
#95aacd
#95aacd
rgb(149,170,205)
-
#a2b5d3
#a2b5d3
rgb(162,181,211)
-
#b0c0da
#b0c0da
rgb(176,192,218)
-
#bdcae0
#bdcae0
rgb(189,202,224)
-
#cad5e6
#cad5e6
rgb(202,213,230)
-
#d8dfec
#d8dfec
rgb(216,223,236)
-
#e5eaf3
#e5eaf3
rgb(229,234,243)
-
#f2f5f9
#f2f5f9
rgb(242,245,249)
Tones of #3f5a86
A tone is produced by adding gray to any pure hue. In this case, #5d6168 is the less saturated color, while #024bc3 is the most saturated one.
-
#5d6168
#5d6168
rgb(93,97,104)
-
#565f6f
#565f6f
rgb(86,95,111)
-
#4e5e77
#4e5e77
rgb(78,94,119)
-
#475c7e
#475c7e
rgb(71,92,126)
-
#3f5a86
#3f5a86
rgb(63,90,134)
-
#37588e
#37588e
rgb(55,88,142)
-
#305695
#305695
rgb(48,86,149)
-
#28559d
#28559d
rgb(40,85,157)
-
#2153a4
#2153a4
rgb(33,83,164)
-
#1951ac
#1951ac
rgb(25,81,172)
-
#124fb3
#124fb3
rgb(18,79,179)
-
#0a4dbb
#0a4dbb
rgb(10,77,187)
-
#024bc3
#024bc3
rgb(2,75,195)
Color Blindness Simulator
Below, you can see how #3f5a86 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.