#3686ae Color Information
In a RGB color space, hex #3686ae is composed of 21.2% red, 52.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 23% magenta, 0% yellow and 31.8% black. It has a hue angle of 200 degrees, a saturation of 52.6% and a lightness of 44.7%. #3686ae color hex could be obtained by blending #6cffff with #000d5d. Closest websafe color is: #339999.
-
- R 21
- G 53
- B 68
-
- C 69
- M 23
- Y 0
- K 32
● #3686ae color description : Dark moderate blue.
#3686ae Color Conversion
The hexadecimal color #3686ae has RGB values of R:54, G:134, B:174 and CMYK values of C:0.69, M:0.23, Y:0, K:0.32. Its decimal value is 3573422.
Hex triplet | 3686ae | #3686ae |
---|---|---|
RGB Decimal | 54, 134, 174 | rgb(54,134,174) |
RGB Percent | 21.2, 52.5, 68.2 | rgb(21.2%,52.5%,68.2%) |
CMYK | 69, 23, 0, 32 | |
HSL | 200°, 52.6, 44.7 | hsl(200,52.6%,44.7%) |
HSV (or HSB) | 200°, 69, 68.2 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.828, -11.228, -28.227 |
---|---|
XYZ | 17.684, 20.889, 43.142 |
xyY | 0.216, 0.256, 20.889 |
CIE-LCH | 52.828, 30.378, 248.309 |
CIE-LUV | 52.828, -30.362, -41.229 |
Hunter-Lab | 45.705, -10.916, -23.973 |
Binary | 00110110, 10000110, 10101110 |
Color Schemes with #3686ae
Alternatives to #3686ae
Below, you can see some colors close to #3686ae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686ae Preview
This text has a font color of #3686ae.
<span style="color:#3686ae;">Text here</span>
This paragraph has a background color of #3686ae.
<p style="background-color:#3686ae;">Content here</p>
This element has a border color of #3686ae.
<div style="border:1px solid #3686ae;">Content here</div>
.text {color:#3686ae;}
.background {background-color:#3686ae;}
.border {border:1px solid #3686ae;}
Shades and Tints of #3686ae
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, #030709 is the darkest color, while #f9fcfd is the lightest one.
-
#030709
#030709
rgb(3,7,9)
-
#081318
#081318
rgb(8,19,24)
-
#0c1e27
#0c1e27
rgb(12,30,39)
-
#112a36
#112a36
rgb(17,42,54)
-
#153545
#153545
rgb(21,53,69)
-
#1a4154
#1a4154
rgb(26,65,84)
-
#1f4c63
#1f4c63
rgb(31,76,99)
-
#235872
#235872
rgb(35,88,114)
-
#286381
#286381
rgb(40,99,129)
-
#2d6f90
#2d6f90
rgb(45,111,144)
-
#317a9f
#317a9f
rgb(49,122,159)
-
#3686ae
#3686ae
rgb(54,134,174)
-
#3b92bd
#3b92bd
rgb(59,146,189)
-
#469bc6
#469bc6
rgb(70,155,198)
-
#55a3ca
#55a3ca
rgb(85,163,202)
-
#64abcf
#64abcf
rgb(100,171,207)
-
#73b3d3
#73b3d3
rgb(115,179,211)
-
#82bbd8
#82bbd8
rgb(130,187,216)
-
#91c3dd
#91c3dd
rgb(145,195,221)
-
#a0cbe1
#a0cbe1
rgb(160,203,225)
-
#afd4e6
#afd4e6
rgb(175,212,230)
-
#bddceb
#bddceb
rgb(189,220,235)
-
#cce4ef
#cce4ef
rgb(204,228,239)
-
#dbecf4
#dbecf4
rgb(219,236,244)
-
#eaf4f9
#eaf4f9
rgb(234,244,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #3686ae
A tone is produced by adding gray to any pure hue. In this case, #6b7479 is the less saturated color, while #0198e3 is the most saturated one.
-
#6b7479
#6b7479
rgb(107,116,121)
-
#627782
#627782
rgb(98,119,130)
-
#597a8b
#597a8b
rgb(89,122,139)
-
#507d94
#507d94
rgb(80,125,148)
-
#48809c
#48809c
rgb(72,128,156)
-
#3f83a5
#3f83a5
rgb(63,131,165)
-
#3686ae
#3686ae
rgb(54,134,174)
-
#2d89b7
#2d89b7
rgb(45,137,183)
-
#248cc0
#248cc0
rgb(36,140,192)
-
#1c8fc8
#1c8fc8
rgb(28,143,200)
-
#1392d1
#1392d1
rgb(19,146,209)
-
#0a95da
#0a95da
rgb(10,149,218)
-
#0198e3
#0198e3
rgb(1,152,227)
Color Blindness Simulator
Below, you can see how #3686ae 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.