#3f6cc4 Color Information
In a RGB color space, hex #3f6cc4 is composed of 24.7% red, 42.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 44.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 219.7 degrees, a saturation of 53% and a lightness of 50.8%. #3f6cc4 color hex could be obtained by blending #7ed8ff with #000089. Closest websafe color is: #3366cc.
-
- R 25
- G 42
- B 77
-
- C 68
- M 45
- Y 0
- K 23
● #3f6cc4 color description : Moderate blue.
#3f6cc4 Color Conversion
The hexadecimal color #3f6cc4 has RGB values of R:63, G:108, B:196 and CMYK values of C:0.68, M:0.45, Y:0, K:0.23. Its decimal value is 4156612.
Hex triplet | 3f6cc4 | #3f6cc4 |
---|---|---|
RGB Decimal | 63, 108, 196 | rgb(63,108,196) |
RGB Percent | 24.7, 42.4, 76.9 | rgb(24.7%,42.4%,76.9%) |
CMYK | 68, 45, 0, 23 | |
HSL | 219.7°, 53, 50.8 | hsl(219.7,53%,50.8%) |
HSV (or HSB) | 219.7°, 67.9, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.666, 13.651, -50.605 |
---|---|
XYZ | 17.374, 15.766, 54.349 |
xyY | 0.199, 0.18, 15.766 |
CIE-LCH | 46.666, 52.414, 285.096 |
CIE-LUV | 46.666, -18.896, -77.646 |
Hunter-Lab | 39.707, 8.618, -53.359 |
Binary | 00111111, 01101100, 11000100 |
Color Schemes with #3f6cc4
Alternatives to #3f6cc4
Below, you can see some colors close to #3f6cc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6cc4 Preview
This text has a font color of #3f6cc4.
<span style="color:#3f6cc4;">Text here</span>
This paragraph has a background color of #3f6cc4.
<p style="background-color:#3f6cc4;">Content here</p>
This element has a border color of #3f6cc4.
<div style="border:1px solid #3f6cc4;">Content here</div>
.text {color:#3f6cc4;}
.background {background-color:#3f6cc4;}
.border {border:1px solid #3f6cc4;}
Shades and Tints of #3f6cc4
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, #010203 is the darkest color, while #f3f6fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060a12
#060a12
rgb(6,10,18)
-
#0a1221
#0a1221
rgb(10,18,33)
-
#0f1a30
#0f1a30
rgb(15,26,48)
-
#13223f
#13223f
rgb(19,34,63)
-
#182a4e
#182a4e
rgb(24,42,78)
-
#1d325d
#1d325d
rgb(29,50,93)
-
#213b6c
#213b6c
rgb(33,59,108)
-
#26437b
#26437b
rgb(38,67,123)
-
#2a4b8a
#2a4b8a
rgb(42,75,138)
-
#2f5399
#2f5399
rgb(47,83,153)
-
#345ba8
#345ba8
rgb(52,91,168)
-
#3863b7
#3863b7
rgb(56,99,183)
-
#3f6cc4
#3f6cc4
rgb(63,108,196)
-
#4e77c9
#4e77c9
rgb(78,119,201)
-
#5d83cd
#5d83cd
rgb(93,131,205)
-
#6c8ed2
#6c8ed2
rgb(108,142,210)
-
#7b9ad6
#7b9ad6
rgb(123,154,214)
-
#8aa5db
#8aa5db
rgb(138,165,219)
-
#99b1e0
#99b1e0
rgb(153,177,224)
-
#a8bce4
#a8bce4
rgb(168,188,228)
-
#b7c8e9
#b7c8e9
rgb(183,200,233)
-
#c6d3ed
#c6d3ed
rgb(198,211,237)
-
#d5dff2
#d5dff2
rgb(213,223,242)
-
#e4eaf7
#e4eaf7
rgb(228,234,247)
-
#f3f6fb
#f3f6fb
rgb(243,246,251)
Tones of #3f6cc4
A tone is produced by adding gray to any pure hue. In this case, #797f8a is the less saturated color, while #0559fe is the most saturated one.
-
#797f8a
#797f8a
rgb(121,127,138)
-
#6f7c94
#6f7c94
rgb(111,124,148)
-
#66789d
#66789d
rgb(102,120,157)
-
#5c75a7
#5c75a7
rgb(92,117,167)
-
#5272b1
#5272b1
rgb(82,114,177)
-
#496fba
#496fba
rgb(73,111,186)
-
#3f6cc4
#3f6cc4
rgb(63,108,196)
-
#3569ce
#3569ce
rgb(53,105,206)
-
#2c66d7
#2c66d7
rgb(44,102,215)
-
#2263e1
#2263e1
rgb(34,99,225)
-
#1860eb
#1860eb
rgb(24,96,235)
-
#0f5cf4
#0f5cf4
rgb(15,92,244)
-
#0559fe
#0559fe
rgb(5,89,254)
Color Blindness Simulator
Below, you can see how #3f6cc4 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.