#3686a4 Color Information
In a RGB color space, hex #3686a4 is composed of 21.2% red, 52.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 18.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 196.4 degrees, a saturation of 50.5% and a lightness of 42.7%. #3686a4 color hex could be obtained by blending #6cffff with #000d49. Closest websafe color is: #339999.
-
- R 21
- G 53
- B 64
-
- C 67
- M 18
- Y 0
- K 36
● #3686a4 color description : Dark moderate blue.
#3686a4 Color Conversion
The hexadecimal color #3686a4 has RGB values of R:54, G:134, B:164 and CMYK values of C:0.67, M:0.18, Y:0, K:0.36. Its decimal value is 3573412.
Hex triplet | 3686a4 | #3686a4 |
---|---|---|
RGB Decimal | 54, 134, 164 | rgb(54,134,164) |
RGB Percent | 21.2, 52.5, 64.3 | rgb(21.2%,52.5%,64.3%) |
CMYK | 67, 18, 0, 36 | |
HSL | 196.4°, 50.5, 42.7 | hsl(196.4,50.5%,42.7%) |
HSV (or HSB) | 196.4°, 67.1, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.413, -14.583, -23.101 |
---|---|
XYZ | 16.746, 20.513, 38.197 |
xyY | 0.222, 0.272, 20.513 |
CIE-LCH | 52.413, 27.319, 237.737 |
CIE-LUV | 52.413, -30.849, -32.585 |
Hunter-Lab | 45.292, -13.265, -18.298 |
Binary | 00110110, 10000110, 10100100 |
Color Schemes with #3686a4
Alternatives to #3686a4
Below, you can see some colors close to #3686a4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686a4 Preview
This text has a font color of #3686a4.
<span style="color:#3686a4;">Text here</span>
This paragraph has a background color of #3686a4.
<p style="background-color:#3686a4;">Content here</p>
This element has a border color of #3686a4.
<div style="border:1px solid #3686a4;">Content here</div>
.text {color:#3686a4;}
.background {background-color:#3686a4;}
.border {border:1px solid #3686a4;}
Shades and Tints of #3686a4
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, #010102 is the darkest color, while #f2f8fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050d10
#050d10
rgb(5,13,16)
-
#0a191f
#0a191f
rgb(10,25,31)
-
#0f262e
#0f262e
rgb(15,38,46)
-
#14323d
#14323d
rgb(20,50,61)
-
#193e4b
#193e4b
rgb(25,62,75)
-
#1e4a5a
#1e4a5a
rgb(30,74,90)
-
#235669
#235669
rgb(35,86,105)
-
#276278
#276278
rgb(39,98,120)
-
#2c6e86
#2c6e86
rgb(44,110,134)
-
#317a95
#317a95
rgb(49,122,149)
-
#3686a4
#3686a4
rgb(54,134,164)
-
#3b92b3
#3b92b3
rgb(59,146,179)
-
#419ec0
#419ec0
rgb(65,158,192)
-
#50a5c5
#50a5c5
rgb(80,165,197)
-
#5eadca
#5eadca
rgb(94,173,202)
-
#6db4cf
#6db4cf
rgb(109,180,207)
-
#7cbcd4
#7cbcd4
rgb(124,188,212)
-
#8bc3d9
#8bc3d9
rgb(139,195,217)
-
#99cbde
#99cbde
rgb(153,203,222)
-
#a8d3e2
#a8d3e2
rgb(168,211,226)
-
#b7dae7
#b7dae7
rgb(183,218,231)
-
#c6e2ec
#c6e2ec
rgb(198,226,236)
-
#d4e9f1
#d4e9f1
rgb(212,233,241)
-
#e3f1f6
#e3f1f6
rgb(227,241,246)
-
#f2f8fb
#f2f8fb
rgb(242,248,251)
Tones of #3686a4
A tone is produced by adding gray to any pure hue. In this case, #686f72 is the less saturated color, while #049dd6 is the most saturated one.
-
#686f72
#686f72
rgb(104,111,114)
-
#60737a
#60737a
rgb(96,115,122)
-
#587782
#587782
rgb(88,119,130)
-
#4f7b8b
#4f7b8b
rgb(79,123,139)
-
#477e93
#477e93
rgb(71,126,147)
-
#3e829c
#3e829c
rgb(62,130,156)
-
#3686a4
#3686a4
rgb(54,134,164)
-
#2e8aac
#2e8aac
rgb(46,138,172)
-
#258eb5
#258eb5
rgb(37,142,181)
-
#1d91bd
#1d91bd
rgb(29,145,189)
-
#1495c6
#1495c6
rgb(20,149,198)
-
#0c99ce
#0c99ce
rgb(12,153,206)
-
#049dd6
#049dd6
rgb(4,157,214)
Color Blindness Simulator
Below, you can see how #3686a4 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.