#3486a4 Color Information
In a RGB color space, hex #3486a4 is composed of 20.4% red, 52.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 18.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 196.1 degrees, a saturation of 51.9% and a lightness of 42.4%. #3486a4 color hex could be obtained by blending #68ffff with #000d49. Closest websafe color is: #339999.
-
- R 20
- G 53
- B 64
-
- C 68
- M 18
- Y 0
- K 36
● #3486a4 color description : Dark moderate blue.
#3486a4 Color Conversion
The hexadecimal color #3486a4 has RGB values of R:52, G:134, B:164 and CMYK values of C:0.68, M:0.18, Y:0, K:0.36. Its decimal value is 3442340.
Hex triplet | 3486a4 | #3486a4 |
---|---|---|
RGB Decimal | 52, 134, 164 | rgb(52,134,164) |
RGB Percent | 20.4, 52.5, 64.3 | rgb(20.4%,52.5%,64.3%) |
CMYK | 68, 18, 0, 36 | |
HSL | 196.1°, 51.9, 42.4 | hsl(196.1,51.9%,42.4%) |
HSV (or HSB) | 196.1°, 68.3, 64.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.353, -14.911, -23.199 |
---|---|
XYZ | 16.64, 20.459, 38.192 |
xyY | 0.221, 0.272, 20.459 |
CIE-LCH | 52.353, 27.578, 237.27 |
CIE-LUV | 52.353, -31.245, -32.696 |
Hunter-Lab | 45.232, -13.488, -18.4 |
Binary | 00110100, 10000110, 10100100 |
Color Schemes with #3486a4
Alternatives to #3486a4
Below, you can see some colors close to #3486a4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3486a4 Preview
This text has a font color of #3486a4.
<span style="color:#3486a4;">Text here</span>
This paragraph has a background color of #3486a4.
<p style="background-color:#3486a4;">Content here</p>
This element has a border color of #3486a4.
<div style="border:1px solid #3486a4;">Content here</div>
.text {color:#3486a4;}
.background {background-color:#3486a4;}
.border {border:1px solid #3486a4;}
Shades and Tints of #3486a4
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)
-
#0e252d
#0e252d
rgb(14,37,45)
-
#13313c
#13313c
rgb(19,49,60)
-
#183d4b
#183d4b
rgb(24,61,75)
-
#1c495a
#1c495a
rgb(28,73,90)
-
#215568
#215568
rgb(33,85,104)
-
#266177
#266177
rgb(38,97,119)
-
#2b6e86
#2b6e86
rgb(43,110,134)
-
#2f7a95
#2f7a95
rgb(47,122,149)
-
#3486a4
#3486a4
rgb(52,134,164)
-
#3992b3
#3992b3
rgb(57,146,179)
-
#3e9ec2
#3e9ec2
rgb(62,158,194)
-
#4ca6c6
#4ca6c6
rgb(76,166,198)
-
#5badcb
#5badcb
rgb(91,173,203)
-
#6ab5d0
#6ab5d0
rgb(106,181,208)
-
#79bcd5
#79bcd5
rgb(121,188,213)
-
#88c4d9
#88c4d9
rgb(136,196,217)
-
#97cbde
#97cbde
rgb(151,203,222)
-
#a6d2e3
#a6d2e3
rgb(166,210,227)
-
#b5dae7
#b5dae7
rgb(181,218,231)
-
#c4e1ec
#c4e1ec
rgb(196,225,236)
-
#d2e9f1
#d2e9f1
rgb(210,233,241)
-
#e1f0f6
#e1f0f6
rgb(225,240,246)
-
#f0f8fa
#f0f8fa
rgb(240,248,250)
Tones of #3486a4
A tone is produced by adding gray to any pure hue. In this case, #666f72 is the less saturated color, while #029dd6 is the most saturated one.
-
#666f72
#666f72
rgb(102,111,114)
-
#5e737a
#5e737a
rgb(94,115,122)
-
#557783
#557783
rgb(85,119,131)
-
#4d7a8b
#4d7a8b
rgb(77,122,139)
-
#457e93
#457e93
rgb(69,126,147)
-
#3c829c
#3c829c
rgb(60,130,156)
-
#3486a4
#3486a4
rgb(52,134,164)
-
#2c8aac
#2c8aac
rgb(44,138,172)
-
#238eb5
#238eb5
rgb(35,142,181)
-
#1b92bd
#1b92bd
rgb(27,146,189)
-
#1395c5
#1395c5
rgb(19,149,197)
-
#0a99ce
#0a99ce
rgb(10,153,206)
-
#029dd6
#029dd6
rgb(2,157,214)
Color Blindness Simulator
Below, you can see how #3486a4 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.