#486bbd Color Information
In a RGB color space, hex #486bbd is composed of 28.2% red, 42% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 43.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 222.1 degrees, a saturation of 47% and a lightness of 51.2%. #486bbd color hex could be obtained by blending #90d6ff with #00007b. Closest websafe color is: #3366cc.
-
- R 28
- G 42
- B 74
-
- C 62
- M 43
- Y 0
- K 26
● #486bbd color description : Moderate blue.
#486bbd Color Conversion
The hexadecimal color #486bbd has RGB values of R:72, G:107, B:189 and CMYK values of C:0.62, M:0.43, Y:0, K:0.26. Its decimal value is 4746173.
Hex triplet | 486bbd | #486bbd |
---|---|---|
RGB Decimal | 72, 107, 189 | rgb(72,107,189) |
RGB Percent | 28.2, 42, 74.1 | rgb(28.2%,42%,74.1%) |
CMYK | 62, 43, 0, 26 | |
HSL | 222.1°, 47, 51.2 | hsl(222.1,47%,51.2%) |
HSV (or HSB) | 222.1°, 61.9, 74.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.4, 13.372, -46.964 |
---|---|
XYZ | 17.114, 15.566, 50.244 |
xyY | 0.206, 0.188, 15.566 |
CIE-LCH | 46.4, 48.831, 285.893 |
CIE-LUV | 46.4, -16.453, -71.941 |
Hunter-Lab | 39.454, 8.381, -47.887 |
Binary | 01001000, 01101011, 10111101 |
Color Schemes with #486bbd
Alternatives to #486bbd
Below, you can see some colors close to #486bbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486bbd Preview
This text has a font color of #486bbd.
<span style="color:#486bbd;">Text here</span>
This paragraph has a background color of #486bbd.
<p style="background-color:#486bbd;">Content here</p>
This element has a border color of #486bbd.
<div style="border:1px solid #486bbd;">Content here</div>
.text {color:#486bbd;}
.background {background-color:#486bbd;}
.border {border:1px solid #486bbd;}
Shades and Tints of #486bbd
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, #020204 is the darkest color, while #f5f7fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070a13
#070a13
rgb(7,10,19)
-
#0c1221
#0c1221
rgb(12,18,33)
-
#111a30
#111a30
rgb(17,26,48)
-
#16223e
#16223e
rgb(22,34,62)
-
#1c2a4c
#1c2a4c
rgb(28,42,76)
-
#21325b
#21325b
rgb(33,50,91)
-
#263a69
#263a69
rgb(38,58,105)
-
#2b4278
#2b4278
rgb(43,66,120)
-
#304a86
#304a86
rgb(48,74,134)
-
#365295
#365295
rgb(54,82,149)
-
#3b5aa3
#3b5aa3
rgb(59,90,163)
-
#4062b1
#4062b1
rgb(64,98,177)
-
#486bbd
#486bbd
rgb(72,107,189)
-
#5677c2
#5677c2
rgb(86,119,194)
-
#6582c7
#6582c7
rgb(101,130,199)
-
#738ecd
#738ecd
rgb(115,142,205)
-
#829ad2
#829ad2
rgb(130,154,210)
-
#90a5d7
#90a5d7
rgb(144,165,215)
-
#9eb1dc
#9eb1dc
rgb(158,177,220)
-
#adbde1
#adbde1
rgb(173,189,225)
-
#bbc8e7
#bbc8e7
rgb(187,200,231)
-
#cad4ec
#cad4ec
rgb(202,212,236)
-
#d8e0f1
#d8e0f1
rgb(216,224,241)
-
#e7ebf6
#e7ebf6
rgb(231,235,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #486bbd
A tone is produced by adding gray to any pure hue. In this case, #818284 is the less saturated color, while #0f54f6 is the most saturated one.
-
#818284
#818284
rgb(129,130,132)
-
#787e8d
#787e8d
rgb(120,126,141)
-
#6e7a97
#6e7a97
rgb(110,122,151)
-
#6577a0
#6577a0
rgb(101,119,160)
-
#5b73aa
#5b73aa
rgb(91,115,170)
-
#526fb3
#526fb3
rgb(82,111,179)
-
#486bbd
#486bbd
rgb(72,107,189)
-
#3e67c7
#3e67c7
rgb(62,103,199)
-
#3563d0
#3563d0
rgb(53,99,208)
-
#2b5fda
#2b5fda
rgb(43,95,218)
-
#225ce3
#225ce3
rgb(34,92,227)
-
#1858ed
#1858ed
rgb(24,88,237)
-
#0f54f6
#0f54f6
rgb(15,84,246)
Color Blindness Simulator
Below, you can see how #486bbd 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.