#3f5fb6 Color Information
In a RGB color space, hex #3f5fb6 is composed of 24.7% red, 37.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 47.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 223.9 degrees, a saturation of 48.6% and a lightness of 48%. #3f5fb6 color hex could be obtained by blending #7ebeff with #00006d. Closest websafe color is: #3366cc.
-
- R 25
- G 37
- B 71
-
- C 65
- M 48
- Y 0
- K 29
● #3f5fb6 color description : Moderate blue.
#3f5fb6 Color Conversion
The hexadecimal color #3f5fb6 has RGB values of R:63, G:95, B:182 and CMYK values of C:0.65, M:0.48, Y:0, K:0.29. Its decimal value is 4153270.
Hex triplet | 3f5fb6 | #3f5fb6 |
---|---|---|
RGB Decimal | 63, 95, 182 | rgb(63,95,182) |
RGB Percent | 24.7, 37.3, 71.4 | rgb(24.7%,37.3%,71.4%) |
CMYK | 65, 48, 0, 29 | |
HSL | 223.9°, 48.6, 48 | hsl(223.9,48.6%,48%) |
HSV (or HSB) | 223.9°, 65.4, 71.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.181, 16.897, -49.671 |
---|---|
XYZ | 14.584, 12.618, 45.92 |
xyY | 0.199, 0.173, 12.618 |
CIE-LCH | 42.181, 52.466, 288.787 |
CIE-LUV | 42.181, -14.847, -74.529 |
Hunter-Lab | 35.521, 11.123, -51.782 |
Binary | 00111111, 01011111, 10110110 |
Color Schemes with #3f5fb6
Alternatives to #3f5fb6
Below, you can see some colors close to #3f5fb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5fb6 Preview
This text has a font color of #3f5fb6.
<span style="color:#3f5fb6;">Text here</span>
This paragraph has a background color of #3f5fb6.
<p style="background-color:#3f5fb6;">Content here</p>
This element has a border color of #3f5fb6.
<div style="border:1px solid #3f5fb6;">Content here</div>
.text {color:#3f5fb6;}
.background {background-color:#3f5fb6;}
.border {border:1px solid #3f5fb6;}
Shades and Tints of #3f5fb6
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, #020407 is the darkest color, while #f8f9fc is the lightest one.
-
#020407
#020407
rgb(2,4,7)
-
#080b16
#080b16
rgb(8,11,22)
-
#0d1324
#0d1324
rgb(13,19,36)
-
#121b33
#121b33
rgb(18,27,51)
-
#172241
#172241
rgb(23,34,65)
-
#1c2a50
#1c2a50
rgb(28,42,80)
-
#21315f
#21315f
rgb(33,49,95)
-
#26396d
#26396d
rgb(38,57,109)
-
#2b417c
#2b417c
rgb(43,65,124)
-
#30488a
#30488a
rgb(48,72,138)
-
#355099
#355099
rgb(53,80,153)
-
#3a57a7
#3a57a7
rgb(58,87,167)
-
#3f5fb6
#3f5fb6
rgb(63,95,182)
-
#4969c0
#4969c0
rgb(73,105,192)
-
#5775c5
#5775c5
rgb(87,117,197)
-
#6681ca
#6681ca
rgb(102,129,202)
-
#748dcf
#748dcf
rgb(116,141,207)
-
#8399d4
#8399d4
rgb(131,153,212)
-
#92a5d9
#92a5d9
rgb(146,165,217)
-
#a0b1de
#a0b1de
rgb(160,177,222)
-
#afbde3
#afbde3
rgb(175,189,227)
-
#bdc9e8
#bdc9e8
rgb(189,201,232)
-
#ccd5ed
#ccd5ed
rgb(204,213,237)
-
#dae1f2
#dae1f2
rgb(218,225,242)
-
#e9edf7
#e9edf7
rgb(233,237,247)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #3f5fb6
A tone is produced by adding gray to any pure hue. In this case, #78797d is the less saturated color, while #0645ef is the most saturated one.
-
#78797d
#78797d
rgb(120,121,125)
-
#6e7587
#6e7587
rgb(110,117,135)
-
#657090
#657090
rgb(101,112,144)
-
#5b6c9a
#5b6c9a
rgb(91,108,154)
-
#5268a3
#5268a3
rgb(82,104,163)
-
#4863ad
#4863ad
rgb(72,99,173)
-
#3f5fb6
#3f5fb6
rgb(63,95,182)
-
#365bbf
#365bbf
rgb(54,91,191)
-
#2c56c9
#2c56c9
rgb(44,86,201)
-
#2352d2
#2352d2
rgb(35,82,210)
-
#194edc
#194edc
rgb(25,78,220)
-
#1049e5
#1049e5
rgb(16,73,229)
-
#0645ef
#0645ef
rgb(6,69,239)
Color Blindness Simulator
Below, you can see how #3f5fb6 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.