#3f5471 Color Information
In a RGB color space, hex #3f5471 is composed of 24.7% red, 32.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 25.7% magenta, 0% yellow and 55.7% black. It has a hue angle of 214.8 degrees, a saturation of 28.4% and a lightness of 34.5%. #3f5471 color hex could be obtained by blending #7ea8e2 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 44
-
- C 44
- M 26
- Y 0
- K 56
● #3f5471 color description : Very dark desaturated blue.
#3f5471 Color Conversion
The hexadecimal color #3f5471 has RGB values of R:63, G:84, B:113 and CMYK values of C:0.44, M:0.26, Y:0, K:0.56. Its decimal value is 4150385.
Hex triplet | 3f5471 | #3f5471 |
---|---|---|
RGB Decimal | 63, 84, 113 | rgb(63,84,113) |
RGB Percent | 24.7, 32.9, 44.3 | rgb(24.7%,32.9%,44.3%) |
CMYK | 44, 26, 0, 56 | |
HSL | 214.8°, 28.4, 34.5 | hsl(214.8,28.4%,34.5%) |
HSV (or HSB) | 214.8°, 44.2, 44.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.181, 0.326, -19.128 |
---|---|
XYZ | 8.2, 8.589, 16.848 |
xyY | 0.244, 0.255, 8.589 |
CIE-LCH | 35.181, 19.131, 270.978 |
CIE-LUV | 35.181, -10.51, -25.718 |
Hunter-Lab | 29.308, -1.344, -13.568 |
Binary | 00111111, 01010100, 01110001 |
Color Schemes with #3f5471
Alternatives to #3f5471
Below, you can see some colors close to #3f5471. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5471 Preview
This text has a font color of #3f5471.
<span style="color:#3f5471;">Text here</span>
This paragraph has a background color of #3f5471.
<p style="background-color:#3f5471;">Content here</p>
This element has a border color of #3f5471.
<div style="border:1px solid #3f5471;">Content here</div>
.text {color:#3f5471;}
.background {background-color:#3f5471;}
.border {border:1px solid #3f5471;}
Shades and Tints of #3f5471
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, #07090c is the darkest color, while #ffffff is the lightest one.
-
#07090c
#07090c
rgb(7,9,12)
-
#0e1219
#0e1219
rgb(14,18,25)
-
#151c25
#151c25
rgb(21,28,37)
-
#1c2532
#1c2532
rgb(28,37,50)
-
#232f3f
#232f3f
rgb(35,47,63)
-
#2a384b
#2a384b
rgb(42,56,75)
-
#314158
#314158
rgb(49,65,88)
-
#384b64
#384b64
rgb(56,75,100)
-
#3f5471
#3f5471
rgb(63,84,113)
-
#465d7e
#465d7e
rgb(70,93,126)
-
#4d678a
#4d678a
rgb(77,103,138)
-
#547097
#547097
rgb(84,112,151)
-
#5b79a3
#5b79a3
rgb(91,121,163)
-
#6884ab
#6884ab
rgb(104,132,171)
-
#748eb2
#748eb2
rgb(116,142,178)
-
#8198b9
#8198b9
rgb(129,152,185)
-
#8da2c0
#8da2c0
rgb(141,162,192)
-
#9aadc7
#9aadc7
rgb(154,173,199)
-
#a6b7ce
#a6b7ce
rgb(166,183,206)
-
#b3c1d5
#b3c1d5
rgb(179,193,213)
-
#c0cbdc
#c0cbdc
rgb(192,203,220)
-
#ccd6e3
#ccd6e3
rgb(204,214,227)
-
#d9e0ea
#d9e0ea
rgb(217,224,234)
-
#e5eaf1
#e5eaf1
rgb(229,234,241)
-
#f2f4f8
#f2f4f8
rgb(242,244,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3f5471
A tone is produced by adding gray to any pure hue. In this case, #53575d is the less saturated color, while #024aae is the most saturated one.
-
#53575d
#53575d
rgb(83,87,93)
-
#4d5663
#4d5663
rgb(77,86,99)
-
#46556a
#46556a
rgb(70,85,106)
-
#3f5471
#3f5471
rgb(63,84,113)
-
#385378
#385378
rgb(56,83,120)
-
#31527f
#31527f
rgb(49,82,127)
-
#2b5185
#2b5185
rgb(43,81,133)
-
#24508c
#24508c
rgb(36,80,140)
-
#1d4f93
#1d4f93
rgb(29,79,147)
-
#164e9a
#164e9a
rgb(22,78,154)
-
#104ca0
#104ca0
rgb(16,76,160)
-
#094ba7
#094ba7
rgb(9,75,167)
-
#024aae
#024aae
rgb(2,74,174)
Color Blindness Simulator
Below, you can see how #3f5471 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.