#486a78 Color Information
In a RGB color space, hex #486a78 is composed of 28.2% red, 41.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 11.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 197.5 degrees, a saturation of 25% and a lightness of 37.6%. #486a78 color hex could be obtained by blending #90d4f0 with #000000. Closest websafe color is: #336666.
-
- R 28
- G 42
- B 47
-
- C 40
- M 12
- Y 0
- K 53
● #486a78 color description : Mostly desaturated dark blue.
#486a78 Color Conversion
The hexadecimal color #486a78 has RGB values of R:72, G:106, B:120 and CMYK values of C:0.4, M:0.12, Y:0, K:0.53. Its decimal value is 4745848.
Hex triplet | 486a78 | #486a78 |
---|---|---|
RGB Decimal | 72, 106, 120 | rgb(72,106,120) |
RGB Percent | 28.2, 41.6, 47.1 | rgb(28.2%,41.6%,47.1%) |
CMYK | 40, 12, 0, 53 | |
HSL | 197.5°, 25, 37.6 | hsl(197.5,25%,37.6%) |
HSV (or HSB) | 197.5°, 40, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.825, -8.312, -11.684 |
---|---|
XYZ | 11.216, 13.041, 19.695 |
xyY | 0.255, 0.297, 13.041 |
CIE-LCH | 42.825, 14.339, 234.572 |
CIE-LUV | 42.825, -16.217, -15.006 |
Hunter-Lab | 36.113, -7.759, -7.055 |
Binary | 01001000, 01101010, 01111000 |
Color Schemes with #486a78
Alternatives to #486a78
Below, you can see some colors close to #486a78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486a78 Preview
This text has a font color of #486a78.
<span style="color:#486a78;">Text here</span>
This paragraph has a background color of #486a78.
<p style="background-color:#486a78;">Content here</p>
This element has a border color of #486a78.
<div style="border:1px solid #486a78;">Content here</div>
.text {color:#486a78;}
.background {background-color:#486a78;}
.border {border:1px solid #486a78;}
Shades and Tints of #486a78
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, #06090a is the darkest color, while #fcfdfd is the lightest one.
-
#06090a
#06090a
rgb(6,9,10)
-
#0d1316
#0d1316
rgb(13,19,22)
-
#151e22
#151e22
rgb(21,30,34)
-
#1c292e
#1c292e
rgb(28,41,46)
-
#23343b
#23343b
rgb(35,52,59)
-
#2b3f47
#2b3f47
rgb(43,63,71)
-
#324a53
#324a53
rgb(50,74,83)
-
#39545f
#39545f
rgb(57,84,95)
-
#415f6c
#415f6c
rgb(65,95,108)
-
#486a78
#486a78
rgb(72,106,120)
-
#4f7584
#4f7584
rgb(79,117,132)
-
#578091
#578091
rgb(87,128,145)
-
#5e8a9d
#5e8a9d
rgb(94,138,157)
-
#6994a5
#6994a5
rgb(105,148,165)
-
#769cad
#769cad
rgb(118,156,173)
-
#82a5b4
#82a5b4
rgb(130,165,180)
-
#8eaebb
#8eaebb
rgb(142,174,187)
-
#9ab7c3
#9ab7c3
rgb(154,183,195)
-
#a7c0ca
#a7c0ca
rgb(167,192,202)
-
#b3c8d1
#b3c8d1
rgb(179,200,209)
-
#bfd1d9
#bfd1d9
rgb(191,209,217)
-
#cbdae0
#cbdae0
rgb(203,218,224)
-
#d8e3e7
#d8e3e7
rgb(216,227,231)
-
#e4ecef
#e4ecef
rgb(228,236,239)
-
#f0f4f6
#f0f4f6
rgb(240,244,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #486a78
A tone is produced by adding gray to any pure hue. In this case, #5e6162 is the less saturated color, while #0686ba is the most saturated one.
-
#5e6162
#5e6162
rgb(94,97,98)
-
#576469
#576469
rgb(87,100,105)
-
#4f6771
#4f6771
rgb(79,103,113)
-
#486a78
#486a78
rgb(72,106,120)
-
#416d7f
#416d7f
rgb(65,109,127)
-
#397087
#397087
rgb(57,112,135)
-
#32738e
#32738e
rgb(50,115,142)
-
#2a7696
#2a7696
rgb(42,118,150)
-
#23799d
#23799d
rgb(35,121,157)
-
#1c7ca4
#1c7ca4
rgb(28,124,164)
-
#1480ac
#1480ac
rgb(20,128,172)
-
#0d83b3
#0d83b3
rgb(13,131,179)
-
#0686ba
#0686ba
rgb(6,134,186)
Color Blindness Simulator
Below, you can see how #486a78 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.