#486684 Color Information
In a RGB color space, hex #486684 is composed of 28.2% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 22.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 210 degrees, a saturation of 29.4% and a lightness of 40%. #486684 color hex could be obtained by blending #90ccff with #000009. Closest websafe color is: #336699.
-
- R 28
- G 40
- B 52
-
- C 45
- M 23
- Y 0
- K 48
● #486684 color description : Dark moderate blue.
#486684 Color Conversion
The hexadecimal color #486684 has RGB values of R:72, G:102, B:132 and CMYK values of C:0.45, M:0.23, Y:0, K:0.48. Its decimal value is 4744836.
Hex triplet | 486684 | #486684 |
---|---|---|
RGB Decimal | 72, 102, 132 | rgb(72,102,132) |
RGB Percent | 28.2, 40, 51.8 | rgb(28.2%,40%,51.8%) |
CMYK | 45, 23, 0, 48 | |
HSL | 210°, 29.4, 40 | hsl(210,29.4%,40%) |
HSV (or HSB) | 210°, 45.5, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.071, -2.379, -20.083 |
---|---|
XYZ | 11.588, 12.546, 23.64 |
xyY | 0.243, 0.263, 12.546 |
CIE-LCH | 42.071, 20.223, 263.246 |
CIE-LUV | 42.071, -14.553, -28.01 |
Hunter-Lab | 35.42, -3.589, -14.776 |
Binary | 01001000, 01100110, 10000100 |
Color Schemes with #486684
Alternatives to #486684
Below, you can see some colors close to #486684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486684 Preview
This text has a font color of #486684.
<span style="color:#486684;">Text here</span>
This paragraph has a background color of #486684.
<p style="background-color:#486684;">Content here</p>
This element has a border color of #486684.
<div style="border:1px solid #486684;">Content here</div>
.text {color:#486684;}
.background {background-color:#486684;}
.border {border:1px solid #486684;}
Shades and Tints of #486684
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, #030405 is the darkest color, while #f7f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0a0e12
#0a0e12
rgb(10,14,18)
-
#11181e
#11181e
rgb(17,24,30)
-
#18212b
#18212b
rgb(24,33,43)
-
#1e2b38
#1e2b38
rgb(30,43,56)
-
#253545
#253545
rgb(37,53,69)
-
#2c3f51
#2c3f51
rgb(44,63,81)
-
#33495e
#33495e
rgb(51,73,94)
-
#3a526b
#3a526b
rgb(58,82,107)
-
#415c77
#415c77
rgb(65,92,119)
-
#486684
#486684
rgb(72,102,132)
-
#4f7091
#4f7091
rgb(79,112,145)
-
#567a9d
#567a9d
rgb(86,122,157)
-
#5f83a8
#5f83a8
rgb(95,131,168)
-
#6c8daf
#6c8daf
rgb(108,141,175)
-
#7897b6
#7897b6
rgb(120,151,182)
-
#85a1bd
#85a1bd
rgb(133,161,189)
-
#92abc3
#92abc3
rgb(146,171,195)
-
#9fb4ca
#9fb4ca
rgb(159,180,202)
-
#abbed1
#abbed1
rgb(171,190,209)
-
#b8c8d8
#b8c8d8
rgb(184,200,216)
-
#c5d2df
#c5d2df
rgb(197,210,223)
-
#d1dce6
#d1dce6
rgb(209,220,230)
-
#dee6ed
#dee6ed
rgb(222,230,237)
-
#ebeff4
#ebeff4
rgb(235,239,244)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #486684
A tone is produced by adding gray to any pure hue. In this case, #60666c is the less saturated color, while #0166cb is the most saturated one.
-
#60666c
#60666c
rgb(96,102,108)
-
#586674
#586674
rgb(88,102,116)
-
#50667c
#50667c
rgb(80,102,124)
-
#486684
#486684
rgb(72,102,132)
-
#40668c
#40668c
rgb(64,102,140)
-
#386694
#386694
rgb(56,102,148)
-
#30669c
#30669c
rgb(48,102,156)
-
#2966a3
#2966a3
rgb(41,102,163)
-
#2166ab
#2166ab
rgb(33,102,171)
-
#1966b3
#1966b3
rgb(25,102,179)
-
#1166bb
#1166bb
rgb(17,102,187)
-
#0966c3
#0966c3
rgb(9,102,195)
-
#0166cb
#0166cb
rgb(1,102,203)
Color Blindness Simulator
Below, you can see how #486684 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.