#3f6684 Color Information
In a RGB color space, hex #3f6684 is composed of 24.7% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 22.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 206.1 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f6684 color hex could be obtained by blending #7eccff with #000009. Closest websafe color is: #336699.
-
- R 25
- G 40
- B 52
-
- C 52
- M 23
- Y 0
- K 48
● #3f6684 color description : Dark moderate blue.
#3f6684 Color Conversion
The hexadecimal color #3f6684 has RGB values of R:63, G:102, B:132 and CMYK values of C:0.52, M:0.23, Y:0, K:0.48. Its decimal value is 4155012.
Hex triplet | 3f6684 | #3f6684 |
---|---|---|
RGB Decimal | 63, 102, 132 | rgb(63,102,132) |
RGB Percent | 24.7, 40, 51.8 | rgb(24.7%,40%,51.8%) |
CMYK | 52, 23, 0, 48 | |
HSL | 206.1°, 35.4, 38.2 | hsl(206.1,35.4%,38.2%) |
HSV (or HSB) | 206.1°, 52.3, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.571, -4.747, -20.895 |
---|---|
XYZ | 10.965, 12.225, 23.61 |
xyY | 0.234, 0.261, 12.225 |
CIE-LCH | 41.571, 21.427, 257.199 |
CIE-LUV | 41.571, -17.528, -28.868 |
Hunter-Lab | 34.964, -5.207, -15.562 |
Binary | 00111111, 01100110, 10000100 |
Color Schemes with #3f6684
Alternatives to #3f6684
Below, you can see some colors close to #3f6684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6684 Preview
This text has a font color of #3f6684.
<span style="color:#3f6684;">Text here</span>
This paragraph has a background color of #3f6684.
<p style="background-color:#3f6684;">Content here</p>
This element has a border color of #3f6684.
<div style="border:1px solid #3f6684;">Content here</div>
.text {color:#3f6684;}
.background {background-color:#3f6684;}
.border {border:1px solid #3f6684;}
Shades and Tints of #3f6684
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, #060a0c is the darkest color, while #fefeff is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0c141a
#0c141a
rgb(12,20,26)
-
#131e27
#131e27
rgb(19,30,39)
-
#192834
#192834
rgb(25,40,52)
-
#1f3342
#1f3342
rgb(31,51,66)
-
#263d4f
#263d4f
rgb(38,61,79)
-
#2c475c
#2c475c
rgb(44,71,92)
-
#325169
#325169
rgb(50,81,105)
-
#395c77
#395c77
rgb(57,92,119)
-
#3f6684
#3f6684
rgb(63,102,132)
-
#457091
#457091
rgb(69,112,145)
-
#4c7b9f
#4c7b9f
rgb(76,123,159)
-
#5285ac
#5285ac
rgb(82,133,172)
-
#5f8eb3
#5f8eb3
rgb(95,142,179)
-
#6c98b9
#6c98b9
rgb(108,152,185)
-
#79a1bf
#79a1bf
rgb(121,161,191)
-
#87aac6
#87aac6
rgb(135,170,198)
-
#94b4cc
#94b4cc
rgb(148,180,204)
-
#a1bdd2
#a1bdd2
rgb(161,189,210)
-
#afc6d9
#afc6d9
rgb(175,198,217)
-
#bcd0df
#bcd0df
rgb(188,208,223)
-
#c9d9e5
#c9d9e5
rgb(201,217,229)
-
#d6e2ec
#d6e2ec
rgb(214,226,236)
-
#e4ecf2
#e4ecf2
rgb(228,236,242)
-
#f1f5f8
#f1f5f8
rgb(241,245,248)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3f6684
A tone is produced by adding gray to any pure hue. In this case, #5d6266 is the less saturated color, while #036ec0 is the most saturated one.
-
#5d6266
#5d6266
rgb(93,98,102)
-
#56636e
#56636e
rgb(86,99,110)
-
#4e6475
#4e6475
rgb(78,100,117)
-
#47657d
#47657d
rgb(71,101,125)
-
#3f6684
#3f6684
rgb(63,102,132)
-
#38678c
#38678c
rgb(56,103,140)
-
#306893
#306893
rgb(48,104,147)
-
#29699b
#29699b
rgb(41,105,155)
-
#216aa2
#216aa2
rgb(33,106,162)
-
#1a6baa
#1a6baa
rgb(26,107,170)
-
#126cb1
#126cb1
rgb(18,108,177)
-
#0b6db9
#0b6db9
rgb(11,109,185)
-
#036ec0
#036ec0
rgb(3,110,192)
Color Blindness Simulator
Below, you can see how #3f6684 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.