#3f5a99 Color Information
In a RGB color space, hex #3f5a99 is composed of 24.7% red, 35.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 41.2% magenta, 0% yellow and 40% black. It has a hue angle of 222 degrees, a saturation of 41.7% and a lightness of 42.4%. #3f5a99 color hex could be obtained by blending #7eb4ff with #000033. Closest websafe color is: #336699.
-
- R 25
- G 35
- B 60
-
- C 59
- M 41
- Y 0
- K 40
● #3f5a99 color description : Dark moderate blue.
#3f5a99 Color Conversion
The hexadecimal color #3f5a99 has RGB values of R:63, G:90, B:153 and CMYK values of C:0.59, M:0.41, Y:0, K:0.4. Its decimal value is 4151961.
Hex triplet | 3f5a99 | #3f5a99 |
---|---|---|
RGB Decimal | 63, 90, 153 | rgb(63,90,153) |
RGB Percent | 24.7, 35.3, 60 | rgb(24.7%,35.3%,60%) |
CMYK | 59, 41, 0, 40 | |
HSL | 222°, 41.7, 42.4 | hsl(222,41.7%,42.4%) |
HSV (or HSB) | 222°, 58.8, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.016, 9.835, -37.547 |
---|---|
XYZ | 11.455, 10.668, 31.591 |
xyY | 0.213, 0.199, 10.668 |
CIE-LCH | 39.016, 38.814, 284.677 |
CIE-LUV | 39.016, -13.063, -54.636 |
Hunter-Lab | 32.662, 5.44, -34.481 |
Binary | 00111111, 01011010, 10011001 |
Color Schemes with #3f5a99
Alternatives to #3f5a99
Below, you can see some colors close to #3f5a99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5a99 Preview
This text has a font color of #3f5a99.
<span style="color:#3f5a99;">Text here</span>
This paragraph has a background color of #3f5a99.
<p style="background-color:#3f5a99;">Content here</p>
This element has a border color of #3f5a99.
<div style="border:1px solid #3f5a99;">Content here</div>
.text {color:#3f5a99;}
.background {background-color:#3f5a99;}
.border {border:1px solid #3f5a99;}
Shades and Tints of #3f5a99
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, #000000 is the darkest color, while #f1f4f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#06080e
#06080e
rgb(6,8,14)
-
#0c101c
#0c101c
rgb(12,16,28)
-
#11192a
#11192a
rgb(17,25,42)
-
#172138
#172138
rgb(23,33,56)
-
#1d2946
#1d2946
rgb(29,41,70)
-
#223154
#223154
rgb(34,49,84)
-
#283961
#283961
rgb(40,57,97)
-
#2e416f
#2e416f
rgb(46,65,111)
-
#344a7d
#344a7d
rgb(52,74,125)
-
#39528b
#39528b
rgb(57,82,139)
-
#3f5a99
#3f5a99
rgb(63,90,153)
-
#4562a7
#4562a7
rgb(69,98,167)
-
#4b6ab5
#4b6ab5
rgb(75,106,181)
-
#5876ba
#5876ba
rgb(88,118,186)
-
#6681c0
#6681c0
rgb(102,129,192)
-
#748dc6
#748dc6
rgb(116,141,198)
-
#8298cc
#8298cc
rgb(130,152,204)
-
#90a4d1
#90a4d1
rgb(144,164,209)
-
#9eafd7
#9eafd7
rgb(158,175,215)
-
#acbadd
#acbadd
rgb(172,186,221)
-
#bac6e2
#bac6e2
rgb(186,198,226)
-
#c8d1e8
#c8d1e8
rgb(200,209,232)
-
#d5ddee
#d5ddee
rgb(213,221,238)
-
#e3e8f4
#e3e8f4
rgb(227,232,244)
-
#f1f4f9
#f1f4f9
rgb(241,244,249)
Tones of #3f5a99
A tone is produced by adding gray to any pure hue. In this case, #696b6f is the less saturated color, while #0543d3 is the most saturated one.
-
#696b6f
#696b6f
rgb(105,107,111)
-
#606778
#606778
rgb(96,103,120)
-
#586480
#586480
rgb(88,100,128)
-
#506188
#506188
rgb(80,97,136)
-
#475d91
#475d91
rgb(71,93,145)
-
#3f5a99
#3f5a99
rgb(63,90,153)
-
#3757a1
#3757a1
rgb(55,87,161)
-
#2e53aa
#2e53aa
rgb(46,83,170)
-
#2650b2
#2650b2
rgb(38,80,178)
-
#1e4dba
#1e4dba
rgb(30,77,186)
-
#1549c3
#1549c3
rgb(21,73,195)
-
#0d46cb
#0d46cb
rgb(13,70,203)
-
#0543d3
#0543d3
rgb(5,67,211)
Color Blindness Simulator
Below, you can see how #3f5a99 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.