#3686a2 Color Information
In a RGB color space, hex #3686a2 is composed of 21.2% red, 52.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 17.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 195.6 degrees, a saturation of 50% and a lightness of 42.4%. #3686a2 color hex could be obtained by blending #6cffff with #000d45. Closest websafe color is: #339999.
-
- R 21
- G 53
- B 64
-
- C 67
- M 17
- Y 0
- K 36
● #3686a2 color description : Dark moderate blue.
#3686a2 Color Conversion
The hexadecimal color #3686a2 has RGB values of R:54, G:134, B:162 and CMYK values of C:0.67, M:0.17, Y:0, K:0.36. Its decimal value is 3573410.
Hex triplet | 3686a2 | #3686a2 |
---|---|---|
RGB Decimal | 54, 134, 162 | rgb(54,134,162) |
RGB Percent | 21.2, 52.5, 63.5 | rgb(21.2%,52.5%,63.5%) |
CMYK | 67, 17, 0, 36 | |
HSL | 195.6°, 50, 42.4 | hsl(195.6,50%,42.4%) |
HSV (or HSB) | 195.6°, 66.7, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.333, -15.242, -22.067 |
---|---|
XYZ | 16.566, 20.442, 37.253 |
xyY | 0.223, 0.275, 20.442 |
CIE-LCH | 52.333, 26.82, 235.366 |
CIE-LUV | 52.333, -30.948, -30.857 |
Hunter-Lab | 45.213, -13.718, -17.203 |
Binary | 00110110, 10000110, 10100010 |
Color Schemes with #3686a2
Alternatives to #3686a2
Below, you can see some colors close to #3686a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686a2 Preview
This text has a font color of #3686a2.
<span style="color:#3686a2;">Text here</span>
This paragraph has a background color of #3686a2.
<p style="background-color:#3686a2;">Content here</p>
This element has a border color of #3686a2.
<div style="border:1px solid #3686a2;">Content here</div>
.text {color:#3686a2;}
.background {background-color:#3686a2;}
.border {border:1px solid #3686a2;}
Shades and Tints of #3686a2
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, #000000 is the darkest color, while #f0f8fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050c0f
#050c0f
rgb(5,12,15)
-
#0a181e
#0a181e
rgb(10,24,30)
-
#0f252c
#0f252c
rgb(15,37,44)
-
#14313b
#14313b
rgb(20,49,59)
-
#193d4a
#193d4a
rgb(25,61,74)
-
#1d4958
#1d4958
rgb(29,73,88)
-
#225567
#225567
rgb(34,85,103)
-
#276176
#276176
rgb(39,97,118)
-
#2c6e85
#2c6e85
rgb(44,110,133)
-
#317a93
#317a93
rgb(49,122,147)
-
#3686a2
#3686a2
rgb(54,134,162)
-
#3b92b1
#3b92b1
rgb(59,146,177)
-
#409ebf
#409ebf
rgb(64,158,191)
-
#4fa6c4
#4fa6c4
rgb(79,166,196)
-
#5dadc9
#5dadc9
rgb(93,173,201)
-
#6cb5ce
#6cb5ce
rgb(108,181,206)
-
#7bbcd3
#7bbcd3
rgb(123,188,211)
-
#89c4d8
#89c4d8
rgb(137,196,216)
-
#98cbdd
#98cbdd
rgb(152,203,221)
-
#a7d2e2
#a7d2e2
rgb(167,210,226)
-
#b6dae7
#b6dae7
rgb(182,218,231)
-
#c4e1eb
#c4e1eb
rgb(196,225,235)
-
#d3e9f0
#d3e9f0
rgb(211,233,240)
-
#e2f0f5
#e2f0f5
rgb(226,240,245)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
Tones of #3686a2
A tone is produced by adding gray to any pure hue. In this case, #686e70 is the less saturated color, while #049ed4 is the most saturated one.
-
#686e70
#686e70
rgb(104,110,112)
-
#607278
#607278
rgb(96,114,120)
-
#577681
#577681
rgb(87,118,129)
-
#4f7a89
#4f7a89
rgb(79,122,137)
-
#477e91
#477e91
rgb(71,126,145)
-
#3e829a
#3e829a
rgb(62,130,154)
-
#3686a2
#3686a2
rgb(54,134,162)
-
#2e8aaa
#2e8aaa
rgb(46,138,170)
-
#258eb3
#258eb3
rgb(37,142,179)
-
#1d92bb
#1d92bb
rgb(29,146,187)
-
#1596c3
#1596c3
rgb(21,150,195)
-
#0c9acc
#0c9acc
rgb(12,154,204)
-
#049ed4
#049ed4
rgb(4,158,212)
Color Blindness Simulator
Below, you can see how #3686a2 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.