#3686c4 Color Information
In a RGB color space, hex #3686c4 is composed of 21.2% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 206.2 degrees, a saturation of 56.8% and a lightness of 49%. #3686c4 color hex could be obtained by blending #6cffff with #000d89. Closest websafe color is: #3399cc.
-
- R 21
- G 53
- B 77
-
- C 72
- M 32
- Y 0
- K 23
● #3686c4 color description : Moderate blue.
#3686c4 Color Conversion
The hexadecimal color #3686c4 has RGB values of R:54, G:134, B:196 and CMYK values of C:0.72, M:0.32, Y:0, K:0.23. Its decimal value is 3573444.
Hex triplet | 3686c4 | #3686c4 |
---|---|---|
RGB Decimal | 54, 134, 196 | rgb(54,134,196) |
RGB Percent | 21.2, 52.5, 76.9 | rgb(21.2%,52.5%,76.9%) |
CMYK | 72, 32, 0, 23 | |
HSL | 206.2°, 56.8, 49 | hsl(206.2,56.8%,49%) |
HSV (or HSB) | 206.2°, 72.4, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 53.834, -3.574, -39.242 |
---|---|
XYZ | 20.008, 21.818, 55.378 |
xyY | 0.206, 0.224, 21.818 |
CIE-LCH | 53.834, 39.405, 264.796 |
CIE-LUV | 53.834, -29.366, -60.095 |
Hunter-Lab | 46.71, -5.284, -37.596 |
Binary | 00110110, 10000110, 11000100 |
Color Schemes with #3686c4
Alternatives to #3686c4
Below, you can see some colors close to #3686c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686c4 Preview
This text has a font color of #3686c4.
<span style="color:#3686c4;">Text here</span>
This paragraph has a background color of #3686c4.
<p style="background-color:#3686c4;">Content here</p>
This element has a border color of #3686c4.
<div style="border:1px solid #3686c4;">Content here</div>
.text {color:#3686c4;}
.background {background-color:#3686c4;}
.border {border:1px solid #3686c4;}
Shades and Tints of #3686c4
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, #03080b is the darkest color, while #fbfdfe is the lightest one.
-
#03080b
#03080b
rgb(3,8,11)
-
#07121b
#07121b
rgb(7,18,27)
-
#0c1d2a
#0c1d2a
rgb(12,29,42)
-
#10273a
#10273a
rgb(16,39,58)
-
#143249
#143249
rgb(20,50,73)
-
#183c58
#183c58
rgb(24,60,88)
-
#1d4768
#1d4768
rgb(29,71,104)
-
#215177
#215177
rgb(33,81,119)
-
#255c86
#255c86
rgb(37,92,134)
-
#296696
#296696
rgb(41,102,150)
-
#2e71a5
#2e71a5
rgb(46,113,165)
-
#327bb5
#327bb5
rgb(50,123,181)
-
#3686c4
#3686c4
rgb(54,134,196)
-
#438fcb
#438fcb
rgb(67,143,203)
-
#5299cf
#5299cf
rgb(82,153,207)
-
#61a2d4
#61a2d4
rgb(97,162,212)
-
#71abd8
#71abd8
rgb(113,171,216)
-
#80b4dc
#80b4dc
rgb(128,180,220)
-
#8fbde0
#8fbde0
rgb(143,189,224)
-
#9fc6e4
#9fc6e4
rgb(159,198,228)
-
#aecfe9
#aecfe9
rgb(174,207,233)
-
#bed8ed
#bed8ed
rgb(190,216,237)
-
#cde1f1
#cde1f1
rgb(205,225,241)
-
#dceaf5
#dceaf5
rgb(220,234,245)
-
#ecf4fa
#ecf4fa
rgb(236,244,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #3686c4
A tone is produced by adding gray to any pure hue. In this case, #797d81 is the less saturated color, while #068cf4 is the most saturated one.
-
#797d81
#797d81
rgb(121,125,129)
-
#707f8a
#707f8a
rgb(112,127,138)
-
#668094
#668094
rgb(102,128,148)
-
#5c819e
#5c819e
rgb(92,129,158)
-
#5382a7
#5382a7
rgb(83,130,167)
-
#4984b1
#4984b1
rgb(73,132,177)
-
#4085ba
#4085ba
rgb(64,133,186)
-
#3686c4
#3686c4
rgb(54,134,196)
-
#2c87ce
#2c87ce
rgb(44,135,206)
-
#2388d7
#2388d7
rgb(35,136,215)
-
#198ae1
#198ae1
rgb(25,138,225)
-
#108bea
#108bea
rgb(16,139,234)
-
#068cf4
#068cf4
rgb(6,140,244)
Color Blindness Simulator
Below, you can see how #3686c4 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.