#3f5580 Color Information
In a RGB color space, hex #3f5580 is composed of 24.7% red, 33.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 33.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 219.7 degrees, a saturation of 34% and a lightness of 37.5%. #3f5580 color hex could be obtained by blending #7eaaff with #000001. Closest websafe color is: #336699.
-
- R 25
- G 33
- B 50
-
- C 51
- M 34
- Y 0
- K 50
● #3f5580 color description : Dark moderate blue.
#3f5580 Color Conversion
The hexadecimal color #3f5580 has RGB values of R:63, G:85, B:128 and CMYK values of C:0.51, M:0.34, Y:0, K:0.5. Its decimal value is 4150656.
Hex triplet | 3f5580 | #3f5580 |
---|---|---|
RGB Decimal | 63, 85, 128 | rgb(63,85,128) |
RGB Percent | 24.7, 33.3, 50.2 | rgb(24.7%,33.3%,50.2%) |
CMYK | 51, 34, 0, 50 | |
HSL | 219.7°, 34, 37.5 | hsl(219.7,34%,37.5%) |
HSV (or HSB) | 219.7°, 50.8, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.199, 4.526, -26.817 |
---|---|
XYZ | 9.194, 9.112, 21.695 |
xyY | 0.23, 0.228, 9.112 |
CIE-LCH | 36.199, 27.196, 279.581 |
CIE-LUV | 36.199, -11.065, -37.459 |
Hunter-Lab | 30.186, 1.541, -21.483 |
Binary | 00111111, 01010101, 10000000 |
Color Schemes with #3f5580
Alternatives to #3f5580
Below, you can see some colors close to #3f5580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5580 Preview
This text has a font color of #3f5580.
<span style="color:#3f5580;">Text here</span>
This paragraph has a background color of #3f5580.
<p style="background-color:#3f5580;">Content here</p>
This element has a border color of #3f5580.
<div style="border:1px solid #3f5580;">Content here</div>
.text {color:#3f5580;}
.background {background-color:#3f5580;}
.border {border:1px solid #3f5580;}
Shades and Tints of #3f5580
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, #05060a is the darkest color, while #fcfcfd is the lightest one.
-
#05060a
#05060a
rgb(5,6,10)
-
#0b0f17
#0b0f17
rgb(11,15,23)
-
#121824
#121824
rgb(18,24,36)
-
#182131
#182131
rgb(24,33,49)
-
#1f293e
#1f293e
rgb(31,41,62)
-
#25324b
#25324b
rgb(37,50,75)
-
#2c3b59
#2c3b59
rgb(44,59,89)
-
#324466
#324466
rgb(50,68,102)
-
#394c73
#394c73
rgb(57,76,115)
-
#3f5580
#3f5580
rgb(63,85,128)
-
#455e8d
#455e8d
rgb(69,94,141)
-
#4c669a
#4c669a
rgb(76,102,154)
-
#526fa7
#526fa7
rgb(82,111,167)
-
#5e7ab0
#5e7ab0
rgb(94,122,176)
-
#6b84b6
#6b84b6
rgb(107,132,182)
-
#788fbd
#788fbd
rgb(120,143,189)
-
#859ac3
#859ac3
rgb(133,154,195)
-
#92a5ca
#92a5ca
rgb(146,165,202)
-
#a0b0d0
#a0b0d0
rgb(160,176,208)
-
#adbbd6
#adbbd6
rgb(173,187,214)
-
#bac6dd
#bac6dd
rgb(186,198,221)
-
#c7d1e3
#c7d1e3
rgb(199,209,227)
-
#d4dbea
#d4dbea
rgb(212,219,234)
-
#e1e6f0
#e1e6f0
rgb(225,230,240)
-
#eef1f7
#eef1f7
rgb(238,241,247)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #3f5580
A tone is produced by adding gray to any pure hue. In this case, #5c5e63 is the less saturated color, while #0442bb is the most saturated one.
-
#5c5e63
#5c5e63
rgb(92,94,99)
-
#555c6a
#555c6a
rgb(85,92,106)
-
#4e5a71
#4e5a71
rgb(78,90,113)
-
#465779
#465779
rgb(70,87,121)
-
#3f5580
#3f5580
rgb(63,85,128)
-
#385387
#385387
rgb(56,83,135)
-
#30508f
#30508f
rgb(48,80,143)
-
#294e96
#294e96
rgb(41,78,150)
-
#224c9d
#224c9d
rgb(34,76,157)
-
#1a49a5
#1a49a5
rgb(26,73,165)
-
#1347ac
#1347ac
rgb(19,71,172)
-
#0c44b3
#0c44b3
rgb(12,68,179)
-
#0442bb
#0442bb
rgb(4,66,187)
Color Blindness Simulator
Below, you can see how #3f5580 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.