#486b78 Color Information
In a RGB color space, hex #486b78 is composed of 28.2% red, 42% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 10.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 196.3 degrees, a saturation of 25% and a lightness of 37.6%. #486b78 color hex could be obtained by blending #90d6f0 with #000000. Closest websafe color is: #336666.
-
- R 28
- G 42
- B 47
-
- C 40
- M 11
- Y 0
- K 53
● #486b78 color description : Mostly desaturated dark blue.
#486b78 Color Conversion
The hexadecimal color #486b78 has RGB values of R:72, G:107, B:120 and CMYK values of C:0.4, M:0.11, Y:0, K:0.53. Its decimal value is 4746104.
Hex triplet | 486b78 | #486b78 |
---|---|---|
RGB Decimal | 72, 107, 120 | rgb(72,107,120) |
RGB Percent | 28.2, 42, 47.1 | rgb(28.2%,42%,47.1%) |
CMYK | 40, 11, 0, 53 | |
HSL | 196.3°, 25, 37.6 | hsl(196.3,25%,37.6%) |
HSV (or HSB) | 196.3°, 40, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.136, -8.896, -11.216 |
---|---|
XYZ | 11.32, 13.249, 19.729 |
xyY | 0.256, 0.299, 13.249 |
CIE-LCH | 43.136, 14.315, 231.581 |
CIE-LUV | 43.136, -16.636, -14.278 |
Hunter-Lab | 36.399, -8.187, -6.658 |
Binary | 01001000, 01101011, 01111000 |
Color Schemes with #486b78
Alternatives to #486b78
Below, you can see some colors close to #486b78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486b78 Preview
This text has a font color of #486b78.
<span style="color:#486b78;">Text here</span>
This paragraph has a background color of #486b78.
<p style="background-color:#486b78;">Content here</p>
This element has a border color of #486b78.
<div style="border:1px solid #486b78;">Content here</div>
.text {color:#486b78;}
.background {background-color:#486b78;}
.border {border:1px solid #486b78;}
Shades and Tints of #486b78
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)
-
#0d1416
#0d1416
rgb(13,20,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)
-
#39555f
#39555f
rgb(57,85,95)
-
#41606c
#41606c
rgb(65,96,108)
-
#486b78
#486b78
rgb(72,107,120)
-
#4f7684
#4f7684
rgb(79,118,132)
-
#578191
#578191
rgb(87,129,145)
-
#5e8c9d
#5e8c9d
rgb(94,140,157)
-
#6995a5
#6995a5
rgb(105,149,165)
-
#769ead
#769ead
rgb(118,158,173)
-
#82a6b4
#82a6b4
rgb(130,166,180)
-
#8eafbb
#8eafbb
rgb(142,175,187)
-
#9ab8c3
#9ab8c3
rgb(154,184,195)
-
#a7c0ca
#a7c0ca
rgb(167,192,202)
-
#b3c9d1
#b3c9d1
rgb(179,201,209)
-
#bfd2d9
#bfd2d9
rgb(191,210,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 #486b78
A tone is produced by adding gray to any pure hue. In this case, #5e6162 is the less saturated color, while #0689ba is the most saturated one.
-
#5e6162
#5e6162
rgb(94,97,98)
-
#576469
#576469
rgb(87,100,105)
-
#4f6871
#4f6871
rgb(79,104,113)
-
#486b78
#486b78
rgb(72,107,120)
-
#416e7f
#416e7f
rgb(65,110,127)
-
#397287
#397287
rgb(57,114,135)
-
#32758e
#32758e
rgb(50,117,142)
-
#2a7996
#2a7996
rgb(42,121,150)
-
#237c9d
#237c9d
rgb(35,124,157)
-
#1c7fa4
#1c7fa4
rgb(28,127,164)
-
#1483ac
#1483ac
rgb(20,131,172)
-
#0d86b3
#0d86b3
rgb(13,134,179)
-
#0689ba
#0689ba
rgb(6,137,186)
Color Blindness Simulator
Below, you can see how #486b78 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.