#3686d3 Color Information
In a RGB color space, hex #3686d3 is composed of 21.2% red, 52.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 36.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 209.4 degrees, a saturation of 64.1% and a lightness of 52%. #3686d3 color hex could be obtained by blending #6cffff with #000da7. Closest websafe color is: #3399cc.
-
- R 21
- G 53
- B 83
-
- C 74
- M 36
- Y 0
- K 17
● #3686d3 color description : Moderate blue.
#3686d3 Color Conversion
The hexadecimal color #3686d3 has RGB values of R:54, G:134, B:211 and CMYK values of C:0.74, M:0.36, Y:0, K:0.17. Its decimal value is 3573459.
Hex triplet | 3686d3 | #3686d3 |
---|---|---|
RGB Decimal | 54, 134, 211 | rgb(54,134,211) |
RGB Percent | 21.2, 52.5, 82.7 | rgb(21.2%,52.5%,82.7%) |
CMYK | 74, 36, 0, 17 | |
HSL | 209.4°, 64.1, 52 | hsl(209.4,64.1%,52%) |
HSV (or HSB) | 209.4°, 74.4, 82.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.591, 1.797, -46.543 |
---|---|
XYZ | 21.802, 22.536, 64.825 |
xyY | 0.2, 0.206, 22.536 |
CIE-LCH | 54.591, 46.577, 272.212 |
CIE-LUV | 54.591, -28.755, -72.699 |
Hunter-Lab | 47.472, -1.1, -47.733 |
Binary | 00110110, 10000110, 11010011 |
Color Schemes with #3686d3
Alternatives to #3686d3
Below, you can see some colors close to #3686d3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686d3 Preview
This text has a font color of #3686d3.
<span style="color:#3686d3;">Text here</span>
This paragraph has a background color of #3686d3.
<p style="background-color:#3686d3;">Content here</p>
This element has a border color of #3686d3.
<div style="border:1px solid #3686d3;">Content here</div>
.text {color:#3686d3;}
.background {background-color:#3686d3;}
.border {border:1px solid #3686d3;}
Shades and Tints of #3686d3
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, #020508 is the darkest color, while #f7fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#050f18
#050f18
rgb(5,15,24)
-
#091928
#091928
rgb(9,25,40)
-
#0c2338
#0c2338
rgb(12,35,56)
-
#102d49
#102d49
rgb(16,45,73)
-
#133759
#133759
rgb(19,55,89)
-
#174169
#174169
rgb(23,65,105)
-
#1a4b79
#1a4b79
rgb(26,75,121)
-
#1e5489
#1e5489
rgb(30,84,137)
-
#225e99
#225e99
rgb(34,94,153)
-
#2568a9
#2568a9
rgb(37,104,169)
-
#2972b9
#2972b9
rgb(41,114,185)
-
#2c7cc9
#2c7cc9
rgb(44,124,201)
-
#3686d3
#3686d3
rgb(54,134,211)
-
#4690d7
#4690d7
rgb(70,144,215)
-
#5699da
#5699da
rgb(86,153,218)
-
#66a3de
#66a3de
rgb(102,163,222)
-
#76ade1
#76ade1
rgb(118,173,225)
-
#86b6e5
#86b6e5
rgb(134,182,229)
-
#97c0e8
#97c0e8
rgb(151,192,232)
-
#a7caec
#a7caec
rgb(167,202,236)
-
#b7d4ef
#b7d4ef
rgb(183,212,239)
-
#c7ddf3
#c7ddf3
rgb(199,221,243)
-
#d7e7f6
#d7e7f6
rgb(215,231,246)
-
#e7f1fa
#e7f1fa
rgb(231,241,250)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #3686d3
A tone is produced by adding gray to any pure hue. In this case, #818588 is the less saturated color, while #1087f9 is the most saturated one.
-
#818588
#818588
rgb(129,133,136)
-
#788591
#788591
rgb(120,133,145)
-
#6f859a
#6f859a
rgb(111,133,154)
-
#6585a4
#6585a4
rgb(101,133,164)
-
#5c85ad
#5c85ad
rgb(92,133,173)
-
#5285b7
#5285b7
rgb(82,133,183)
-
#4986c0
#4986c0
rgb(73,134,192)
-
#3f86ca
#3f86ca
rgb(63,134,202)
-
#3686d3
#3686d3
rgb(54,134,211)
-
#2d86dc
#2d86dc
rgb(45,134,220)
-
#2386e6
#2386e6
rgb(35,134,230)
-
#1a87ef
#1a87ef
rgb(26,135,239)
-
#1087f9
#1087f9
rgb(16,135,249)
Color Blindness Simulator
Below, you can see how #3686d3 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.