#486699 Color Information
In a RGB color space, hex #486699 is composed of 28.2% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 217.8 degrees, a saturation of 36% and a lightness of 44.1%. #486699 color hex could be obtained by blending #90ccff with #000033. Closest websafe color is: #336699.
-
- R 28
- G 40
- B 60
-
- C 53
- M 33
- Y 0
- K 40
● #486699 color description : Dark moderate blue.
#486699 Color Conversion
The hexadecimal color #486699 has RGB values of R:72, G:102, B:153 and CMYK values of C:0.53, M:0.33, Y:0, K:0.4. Its decimal value is 4744857.
Hex triplet | 486699 | #486699 |
---|---|---|
RGB Decimal | 72, 102, 153 | rgb(72,102,153) |
RGB Percent | 28.2, 40, 60 | rgb(28.2%,40%,60%) |
CMYK | 53, 33, 0, 40 | |
HSL | 217.8°, 36, 44.1 | hsl(217.8,36%,44.1%) |
HSV (or HSB) | 217.8°, 52.9, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.033, 4.297, -31.171 |
---|---|
XYZ | 13.172, 13.18, 31.985 |
xyY | 0.226, 0.226, 13.18 |
CIE-LCH | 43.033, 31.465, 277.849 |
CIE-LUV | 43.033, -14.609, -45.726 |
Hunter-Lab | 36.304, 1.234, -26.824 |
Binary | 01001000, 01100110, 10011001 |
Color Schemes with #486699
Alternatives to #486699
Below, you can see some colors close to #486699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486699 Preview
This text has a font color of #486699.
<span style="color:#486699;">Text here</span>
This paragraph has a background color of #486699.
<p style="background-color:#486699;">Content here</p>
This element has a border color of #486699.
<div style="border:1px solid #486699;">Content here</div>
.text {color:#486699;}
.background {background-color:#486699;}
.border {border:1px solid #486699;}
Shades and Tints of #486699
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, #030406 is the darkest color, while #f8f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090d14
#090d14
rgb(9,13,20)
-
#101621
#101621
rgb(16,22,33)
-
#161f2e
#161f2e
rgb(22,31,46)
-
#1c283c
#1c283c
rgb(28,40,60)
-
#223149
#223149
rgb(34,49,73)
-
#293a56
#293a56
rgb(41,58,86)
-
#2f4264
#2f4264
rgb(47,66,100)
-
#354b71
#354b71
rgb(53,75,113)
-
#3b547e
#3b547e
rgb(59,84,126)
-
#425d8c
#425d8c
rgb(66,93,140)
-
#486699
#486699
rgb(72,102,153)
-
#4e6fa6
#4e6fa6
rgb(78,111,166)
-
#5879b0
#5879b0
rgb(88,121,176)
-
#6583b7
#6583b7
rgb(101,131,183)
-
#738ebd
#738ebd
rgb(115,142,189)
-
#8099c3
#8099c3
rgb(128,153,195)
-
#8da4c9
#8da4c9
rgb(141,164,201)
-
#9baed0
#9baed0
rgb(155,174,208)
-
#a8b9d6
#a8b9d6
rgb(168,185,214)
-
#b5c4dc
#b5c4dc
rgb(181,196,220)
-
#c3cee3
#c3cee3
rgb(195,206,227)
-
#d0d9e9
#d0d9e9
rgb(208,217,233)
-
#dde4ef
#dde4ef
rgb(221,228,239)
-
#ebeff5
#ebeff5
rgb(235,239,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #486699
A tone is produced by adding gray to any pure hue. In this case, #6b6f76 is the less saturated color, while #0354de is the most saturated one.
-
#6b6f76
#6b6f76
rgb(107,111,118)
-
#626d7f
#626d7f
rgb(98,109,127)
-
#596a88
#596a88
rgb(89,106,136)
-
#516890
#516890
rgb(81,104,144)
-
#486699
#486699
rgb(72,102,153)
-
#3f64a2
#3f64a2
rgb(63,100,162)
-
#3762aa
#3762aa
rgb(55,98,170)
-
#2e5fb3
#2e5fb3
rgb(46,95,179)
-
#255dbc
#255dbc
rgb(37,93,188)
-
#1d5bc4
#1d5bc4
rgb(29,91,196)
-
#1459cd
#1459cd
rgb(20,89,205)
-
#0b56d6
#0b56d6
rgb(11,86,214)
-
#0354de
#0354de
rgb(3,84,222)
Color Blindness Simulator
Below, you can see how #486699 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.