#486678 Color Information
In a RGB color space, hex #486678 is composed of 28.2% red, 40% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 15% magenta, 0% yellow and 52.9% black. It has a hue angle of 202.5 degrees, a saturation of 25% and a lightness of 37.6%. #486678 color hex could be obtained by blending #90ccf0 with #000000. Closest websafe color is: #336666.
-
- R 28
- G 40
- B 47
-
- C 40
- M 15
- Y 0
- K 53
● #486678 color description : Mostly desaturated dark blue.
#486678 Color Conversion
The hexadecimal color #486678 has RGB values of R:72, G:102, B:120 and CMYK values of C:0.4, M:0.15, Y:0, K:0.53. Its decimal value is 4744824.
Hex triplet | 486678 | #486678 |
---|---|---|
RGB Decimal | 72, 102, 120 | rgb(72,102,120) |
RGB Percent | 28.2, 40, 47.1 | rgb(28.2%,40%,47.1%) |
CMYK | 40, 15, 0, 53 | |
HSL | 202.5°, 25, 37.6 | hsl(202.5,25%,37.6%) |
HSV (or HSB) | 202.5°, 40, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.589, -5.953, -13.559 |
---|---|
XYZ | 10.813, 12.236, 19.56 |
xyY | 0.254, 0.287, 12.236 |
CIE-LCH | 41.589, 14.808, 246.297 |
CIE-LUV | 41.589, -14.545, -17.907 |
Hunter-Lab | 34.98, -6.036, -8.668 |
Binary | 01001000, 01100110, 01111000 |
Color Schemes with #486678
Alternatives to #486678
Below, you can see some colors close to #486678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486678 Preview
This text has a font color of #486678.
<span style="color:#486678;">Text here</span>
This paragraph has a background color of #486678.
<p style="background-color:#486678;">Content here</p>
This element has a border color of #486678.
<div style="border:1px solid #486678;">Content here</div>
.text {color:#486678;}
.background {background-color:#486678;}
.border {border:1px solid #486678;}
Shades and Tints of #486678
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, #06080a is the darkest color, while #fcfdfd is the lightest one.
-
#06080a
#06080a
rgb(6,8,10)
-
#0d1316
#0d1316
rgb(13,19,22)
-
#151d22
#151d22
rgb(21,29,34)
-
#1c272e
#1c272e
rgb(28,39,46)
-
#23323b
#23323b
rgb(35,50,59)
-
#2b3c47
#2b3c47
rgb(43,60,71)
-
#324753
#324753
rgb(50,71,83)
-
#39515f
#39515f
rgb(57,81,95)
-
#415c6c
#415c6c
rgb(65,92,108)
-
#486678
#486678
rgb(72,102,120)
-
#4f7084
#4f7084
rgb(79,112,132)
-
#577b91
#577b91
rgb(87,123,145)
-
#5e859d
#5e859d
rgb(94,133,157)
-
#698fa5
#698fa5
rgb(105,143,165)
-
#7698ad
#7698ad
rgb(118,152,173)
-
#82a1b4
#82a1b4
rgb(130,161,180)
-
#8eaabb
#8eaabb
rgb(142,170,187)
-
#9ab3c3
#9ab3c3
rgb(154,179,195)
-
#a7bdca
#a7bdca
rgb(167,189,202)
-
#b3c6d1
#b3c6d1
rgb(179,198,209)
-
#bfcfd9
#bfcfd9
rgb(191,207,217)
-
#cbd8e0
#cbd8e0
rgb(203,216,224)
-
#d8e1e7
#d8e1e7
rgb(216,225,231)
-
#e4ebef
#e4ebef
rgb(228,235,239)
-
#f0f4f6
#f0f4f6
rgb(240,244,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #486678
A tone is produced by adding gray to any pure hue. In this case, #5e6062 is the less saturated color, while #0677ba is the most saturated one.
-
#5e6062
#5e6062
rgb(94,96,98)
-
#576269
#576269
rgb(87,98,105)
-
#4f6471
#4f6471
rgb(79,100,113)
-
#486678
#486678
rgb(72,102,120)
-
#41687f
#41687f
rgb(65,104,127)
-
#396a87
#396a87
rgb(57,106,135)
-
#326c8e
#326c8e
rgb(50,108,142)
-
#2a6d96
#2a6d96
rgb(42,109,150)
-
#236f9d
#236f9d
rgb(35,111,157)
-
#1c71a4
#1c71a4
rgb(28,113,164)
-
#1473ac
#1473ac
rgb(20,115,172)
-
#0d75b3
#0d75b3
rgb(13,117,179)
-
#0677ba
#0677ba
rgb(6,119,186)
Color Blindness Simulator
Below, you can see how #486678 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.