#3f5bc6 Color Information
In a RGB color space, hex #3f5bc6 is composed of 24.7% red, 35.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 54% magenta, 0% yellow and 22.4% black. It has a hue angle of 227.6 degrees, a saturation of 54.2% and a lightness of 51.2%. #3f5bc6 color hex could be obtained by blending #7eb6ff with #00008d. Closest websafe color is: #3366cc.
-
- R 25
- G 36
- B 78
-
- C 68
- M 54
- Y 0
- K 22
● #3f5bc6 color description : Moderate blue.
#3f5bc6 Color Conversion
The hexadecimal color #3f5bc6 has RGB values of R:63, G:91, B:198 and CMYK values of C:0.68, M:0.54, Y:0, K:0.22. Its decimal value is 4152262.
Hex triplet | 3f5bc6 | #3f5bc6 |
---|---|---|
RGB Decimal | 63, 91, 198 | rgb(63,91,198) |
RGB Percent | 24.7, 35.7, 77.6 | rgb(24.7%,35.7%,77.6%) |
CMYK | 68, 54, 0, 22 | |
HSL | 227.6°, 54.2, 51.2 | hsl(227.6,54.2%,51.2%) |
HSV (or HSB) | 227.6°, 68.2, 77.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.178, 25.208, -58.99 |
---|---|
XYZ | 15.982, 12.615, 55.016 |
xyY | 0.191, 0.151, 12.615 |
CIE-LCH | 42.178, 64.15, 293.138 |
CIE-LUV | 42.178, -13.808, -88.658 |
Hunter-Lab | 35.518, 18.163, -66.975 |
Binary | 00111111, 01011011, 11000110 |
Color Schemes with #3f5bc6
Alternatives to #3f5bc6
Below, you can see some colors close to #3f5bc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5bc6 Preview
This text has a font color of #3f5bc6.
<span style="color:#3f5bc6;">Text here</span>
This paragraph has a background color of #3f5bc6.
<p style="background-color:#3f5bc6;">Content here</p>
This element has a border color of #3f5bc6.
<div style="border:1px solid #3f5bc6;">Content here</div>
.text {color:#3f5bc6;}
.background {background-color:#3f5bc6;}
.border {border:1px solid #3f5bc6;}
Shades and Tints of #3f5bc6
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, #010205 is the darkest color, while #f5f6fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#060914
#060914
rgb(6,9,20)
-
#0a0f23
#0a0f23
rgb(10,15,35)
-
#0f1632
#0f1632
rgb(15,22,50)
-
#131d41
#131d41
rgb(19,29,65)
-
#182450
#182450
rgb(24,36,80)
-
#1c2a5f
#1c2a5f
rgb(28,42,95)
-
#21316f
#21316f
rgb(33,49,111)
-
#25387e
#25387e
rgb(37,56,126)
-
#2a3e8d
#2a3e8d
rgb(42,62,141)
-
#2e459c
#2e459c
rgb(46,69,156)
-
#334cab
#334cab
rgb(51,76,171)
-
#3752ba
#3752ba
rgb(55,82,186)
-
#3f5bc6
#3f5bc6
rgb(63,91,198)
-
#4e68ca
#4e68ca
rgb(78,104,202)
-
#5d75cf
#5d75cf
rgb(93,117,207)
-
#6c82d3
#6c82d3
rgb(108,130,211)
-
#7c8fd8
#7c8fd8
rgb(124,143,216)
-
#8b9cdc
#8b9cdc
rgb(139,156,220)
-
#9aa9e1
#9aa9e1
rgb(154,169,225)
-
#a9b5e5
#a9b5e5
rgb(169,181,229)
-
#b8c2ea
#b8c2ea
rgb(184,194,234)
-
#c7cfee
#c7cfee
rgb(199,207,238)
-
#d6dcf3
#d6dcf3
rgb(214,220,243)
-
#e5e9f7
#e5e9f7
rgb(229,233,247)
-
#f5f6fc
#f5f6fc
rgb(245,246,252)
Tones of #3f5bc6
A tone is produced by adding gray to any pure hue. In this case, #828283 is the less saturated color, while #0f3ff6 is the most saturated one.
-
#828283
#828283
rgb(130,130,131)
-
#787d8d
#787d8d
rgb(120,125,141)
-
#6f7796
#6f7796
rgb(111,119,150)
-
#6571a0
#6571a0
rgb(101,113,160)
-
#5c6ca9
#5c6ca9
rgb(92,108,169)
-
#5266b3
#5266b3
rgb(82,102,179)
-
#4961bc
#4961bc
rgb(73,97,188)
-
#3f5bc6
#3f5bc6
rgb(63,91,198)
-
#3555d0
#3555d0
rgb(53,85,208)
-
#2c50d9
#2c50d9
rgb(44,80,217)
-
#224ae3
#224ae3
rgb(34,74,227)
-
#1945ec
#1945ec
rgb(25,69,236)
-
#0f3ff6
#0f3ff6
rgb(15,63,246)
Color Blindness Simulator
Below, you can see how #3f5bc6 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.