#3f5bb3 Color Information
In a RGB color space, hex #3f5bb3 is composed of 24.7% red, 35.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 49.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 225.5 degrees, a saturation of 47.9% and a lightness of 47.5%. #3f5bb3 color hex could be obtained by blending #7eb6ff with #000067. Closest websafe color is: #3366cc.
-
- R 25
- G 36
- B 70
-
- C 65
- M 49
- Y 0
- K 30
● #3f5bb3 color description : Moderate blue.
#3f5bb3 Color Conversion
The hexadecimal color #3f5bb3 has RGB values of R:63, G:91, B:179 and CMYK values of C:0.65, M:0.49, Y:0, K:0.3. Its decimal value is 4152243.
Hex triplet | 3f5bb3 | #3f5bb3 |
---|---|---|
RGB Decimal | 63, 91, 179 | rgb(63,91,179) |
RGB Percent | 24.7, 35.7, 70.2 | rgb(24.7%,35.7%,70.2%) |
CMYK | 65, 49, 0, 30 | |
HSL | 225.5°, 47.9, 47.5 | hsl(225.5,47.9%,47.5%) |
HSV (or HSB) | 225.5°, 64.8, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.885, 18.398, -49.996 |
---|---|
XYZ | 13.926, 11.793, 44.188 |
xyY | 0.199, 0.169, 11.793 |
CIE-LCH | 40.885, 53.274, 290.203 |
CIE-LUV | 40.885, -13.599, -74.48 |
Hunter-Lab | 34.341, 12.29, -52.253 |
Binary | 00111111, 01011011, 10110011 |
Color Schemes with #3f5bb3
Alternatives to #3f5bb3
Below, you can see some colors close to #3f5bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5bb3 Preview
This text has a font color of #3f5bb3.
<span style="color:#3f5bb3;">Text here</span>
This paragraph has a background color of #3f5bb3.
<p style="background-color:#3f5bb3;">Content here</p>
This element has a border color of #3f5bb3.
<div style="border:1px solid #3f5bb3;">Content here</div>
.text {color:#3f5bb3;}
.background {background-color:#3f5bb3;}
.border {border:1px solid #3f5bb3;}
Shades and Tints of #3f5bb3
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, #020205 is the darkest color, while #f5f7fc is the lightest one.
-
#020205
#020205
rgb(2,2,5)
-
#070a13
#070a13
rgb(7,10,19)
-
#0c1122
#0c1122
rgb(12,17,34)
-
#111930
#111930
rgb(17,25,48)
-
#16203f
#16203f
rgb(22,32,63)
-
#1b274d
#1b274d
rgb(27,39,77)
-
#202f5c
#202f5c
rgb(32,47,92)
-
#25366a
#25366a
rgb(37,54,106)
-
#2b3d79
#2b3d79
rgb(43,61,121)
-
#304587
#304587
rgb(48,69,135)
-
#354c96
#354c96
rgb(53,76,150)
-
#3a54a4
#3a54a4
rgb(58,84,164)
-
#3f5bb3
#3f5bb3
rgb(63,91,179)
-
#4764be
#4764be
rgb(71,100,190)
-
#5670c3
#5670c3
rgb(86,112,195)
-
#647cc9
#647cc9
rgb(100,124,201)
-
#7389ce
#7389ce
rgb(115,137,206)
-
#8195d3
#8195d3
rgb(129,149,211)
-
#90a1d8
#90a1d8
rgb(144,161,216)
-
#9eaddd
#9eaddd
rgb(158,173,221)
-
#adbae2
#adbae2
rgb(173,186,226)
-
#bbc6e7
#bbc6e7
rgb(187,198,231)
-
#cad2ec
#cad2ec
rgb(202,210,236)
-
#d8def1
#d8def1
rgb(216,222,241)
-
#e7ebf7
#e7ebf7
rgb(231,235,247)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #3f5bb3
A tone is produced by adding gray to any pure hue. In this case, #77787b is the less saturated color, while #073eeb is the most saturated one.
-
#77787b
#77787b
rgb(119,120,123)
-
#6e7384
#6e7384
rgb(110,115,132)
-
#646e8e
#646e8e
rgb(100,110,142)
-
#5b6997
#5b6997
rgb(91,105,151)
-
#5265a0
#5265a0
rgb(82,101,160)
-
#4860aa
#4860aa
rgb(72,96,170)
-
#3f5bb3
#3f5bb3
rgb(63,91,179)
-
#3656bc
#3656bc
rgb(54,86,188)
-
#2c51c6
#2c51c6
rgb(44,81,198)
-
#234dcf
#234dcf
rgb(35,77,207)
-
#1a48d8
#1a48d8
rgb(26,72,216)
-
#1043e2
#1043e2
rgb(16,67,226)
-
#073eeb
#073eeb
rgb(7,62,235)
Color Blindness Simulator
Below, you can see how #3f5bb3 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.