#3686c3 Color Information
In a RGB color space, hex #3686c3 is composed of 21.2% red, 52.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 31.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 206 degrees, a saturation of 56.6% and a lightness of 48.8%. #3686c3 color hex could be obtained by blending #6cffff with #000d87. Closest websafe color is: #3399cc.
-
- R 21
- G 53
- B 76
-
- C 72
- M 31
- Y 0
- K 24
● #3686c3 color description : Moderate blue.
#3686c3 Color Conversion
The hexadecimal color #3686c3 has RGB values of R:54, G:134, B:195 and CMYK values of C:0.72, M:0.31, Y:0, K:0.24. Its decimal value is 3573443.
Hex triplet | 3686c3 | #3686c3 |
---|---|---|
RGB Decimal | 54, 134, 195 | rgb(54,134,195) |
RGB Percent | 21.2, 52.5, 76.5 | rgb(21.2%,52.5%,76.5%) |
CMYK | 72, 31, 0, 24 | |
HSL | 206°, 56.6, 48.8 | hsl(206,56.6%,48.8%) |
HSV (or HSB) | 206°, 72.3, 76.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 53.785, -3.928, -38.75 |
---|---|
XYZ | 19.894, 21.773, 54.781 |
xyY | 0.206, 0.226, 21.773 |
CIE-LCH | 53.785, 38.948, 264.211 |
CIE-LUV | 53.785, -29.409, -59.246 |
Hunter-Lab | 46.662, -5.553, -36.944 |
Binary | 00110110, 10000110, 11000011 |
Color Schemes with #3686c3
Alternatives to #3686c3
Below, you can see some colors close to #3686c3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686c3 Preview
This text has a font color of #3686c3.
<span style="color:#3686c3;">Text here</span>
This paragraph has a background color of #3686c3.
<p style="background-color:#3686c3;">Content here</p>
This element has a border color of #3686c3.
<div style="border:1px solid #3686c3;">Content here</div>
.text {color:#3686c3;}
.background {background-color:#3686c3;}
.border {border:1px solid #3686c3;}
Shades and Tints of #3686c3
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, #03070b is the darkest color, while #fafcfe is the lightest one.
-
#03070b
#03070b
rgb(3,7,11)
-
#07121a
#07121a
rgb(7,18,26)
-
#0b1c29
#0b1c29
rgb(11,28,41)
-
#102739
#102739
rgb(16,39,57)
-
#143248
#143248
rgb(20,50,72)
-
#183c57
#183c57
rgb(24,60,87)
-
#1c4767
#1c4767
rgb(28,71,103)
-
#215176
#215176
rgb(33,81,118)
-
#255c86
#255c86
rgb(37,92,134)
-
#296695
#296695
rgb(41,102,149)
-
#2d71a4
#2d71a4
rgb(45,113,164)
-
#327bb4
#327bb4
rgb(50,123,180)
-
#3686c3
#3686c3
rgb(54,134,195)
-
#4290cb
#4290cb
rgb(66,144,203)
-
#5199cf
#5199cf
rgb(81,153,207)
-
#61a2d3
#61a2d3
rgb(97,162,211)
-
#70abd7
#70abd7
rgb(112,171,215)
-
#7fb4dc
#7fb4dc
rgb(127,180,220)
-
#8fbde0
#8fbde0
rgb(143,189,224)
-
#9ec6e4
#9ec6e4
rgb(158,198,228)
-
#adcfe8
#adcfe8
rgb(173,207,232)
-
#bdd8ed
#bdd8ed
rgb(189,216,237)
-
#cce1f1
#cce1f1
rgb(204,225,241)
-
#dceaf5
#dceaf5
rgb(220,234,245)
-
#ebf3f9
#ebf3f9
rgb(235,243,249)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #3686c3
A tone is produced by adding gray to any pure hue. In this case, #797d80 is the less saturated color, while #068cf3 is the most saturated one.
-
#797d80
#797d80
rgb(121,125,128)
-
#6f7e8a
#6f7e8a
rgb(111,126,138)
-
#668093
#668093
rgb(102,128,147)
-
#5c819d
#5c819d
rgb(92,129,157)
-
#5382a6
#5382a6
rgb(83,130,166)
-
#4983b0
#4983b0
rgb(73,131,176)
-
#4085b9
#4085b9
rgb(64,133,185)
-
#3686c3
#3686c3
rgb(54,134,195)
-
#2c87cd
#2c87cd
rgb(44,135,205)
-
#2389d6
#2389d6
rgb(35,137,214)
-
#198ae0
#198ae0
rgb(25,138,224)
-
#108be9
#108be9
rgb(16,139,233)
-
#068cf3
#068cf3
rgb(6,140,243)
Color Blindness Simulator
Below, you can see how #3686c3 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.