#486bb2 Color Information
In a RGB color space, hex #486bb2 is composed of 28.2% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 220.2 degrees, a saturation of 42.4% and a lightness of 49%. #486bb2 color hex could be obtained by blending #90d6ff with #000065. Closest websafe color is: #336699.
-
- R 28
- G 42
- B 70
-
- C 60
- M 40
- Y 0
- K 30
● #486bb2 color description : Dark moderate blue.
#486bb2 Color Conversion
The hexadecimal color #486bb2 has RGB values of R:72, G:107, B:178 and CMYK values of C:0.6, M:0.4, Y:0, K:0.3. Its decimal value is 4746162.
Hex triplet | 486bb2 | #486bb2 |
---|---|---|
RGB Decimal | 72, 107, 178 | rgb(72,107,178) |
RGB Percent | 28.2, 42, 69.8 | rgb(28.2%,42%,69.8%) |
CMYK | 60, 40, 0, 30 | |
HSL | 220.2°, 42.4, 49 | hsl(220.2,42.4%,49%) |
HSV (or HSB) | 220.2°, 59.6, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.78, 9.579, -41.561 |
---|---|
XYZ | 15.964, 15.107, 44.192 |
xyY | 0.212, 0.201, 15.107 |
CIE-LCH | 45.78, 42.651, 282.98 |
CIE-LUV | 45.78, -16.436, -63.032 |
Hunter-Lab | 38.867, 5.3, -40.205 |
Binary | 01001000, 01101011, 10110010 |
Color Schemes with #486bb2
Alternatives to #486bb2
Below, you can see some colors close to #486bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#486bb2 Preview
This text has a font color of #486bb2.
<span style="color:#486bb2;">Text here</span>
This paragraph has a background color of #486bb2.
<p style="background-color:#486bb2;">Content here</p>
This element has a border color of #486bb2.
<div style="border:1px solid #486bb2;">Content here</div>
.text {color:#486bb2;}
.background {background-color:#486bb2;}
.border {border:1px solid #486bb2;}
Shades and Tints of #486bb2
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, #04060a is the darkest color, while #fbfcfe is the lightest one.
-
#04060a
#04060a
rgb(4,6,10)
-
#0a0f18
#0a0f18
rgb(10,15,24)
-
#101726
#101726
rgb(16,23,38)
-
#151f34
#151f34
rgb(21,31,52)
-
#1b2842
#1b2842
rgb(27,40,66)
-
#203050
#203050
rgb(32,48,80)
-
#26395e
#26395e
rgb(38,57,94)
-
#2c416c
#2c416c
rgb(44,65,108)
-
#31497a
#31497a
rgb(49,73,122)
-
#375288
#375288
rgb(55,82,136)
-
#3d5a96
#3d5a96
rgb(61,90,150)
-
#4263a4
#4263a4
rgb(66,99,164)
-
#486bb2
#486bb2
rgb(72,107,178)
-
#5476ba
#5476ba
rgb(84,118,186)
-
#6281bf
#6281bf
rgb(98,129,191)
-
#708cc5
#708cc5
rgb(112,140,197)
-
#7e97cb
#7e97cb
rgb(126,151,203)
-
#8ca2d0
#8ca2d0
rgb(140,162,208)
-
#9aaed6
#9aaed6
rgb(154,174,214)
-
#a8b9dc
#a8b9dc
rgb(168,185,220)
-
#b6c4e1
#b6c4e1
rgb(182,196,225)
-
#c4cfe7
#c4cfe7
rgb(196,207,231)
-
#d2daed
#d2daed
rgb(210,218,237)
-
#e0e6f2
#e0e6f2
rgb(224,230,242)
-
#edf1f8
#edf1f8
rgb(237,241,248)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #486bb2
A tone is produced by adding gray to any pure hue. In this case, #787b82 is the less saturated color, while #0554f5 is the most saturated one.
-
#787b82
#787b82
rgb(120,123,130)
-
#6e788c
#6e788c
rgb(110,120,140)
-
#657595
#657595
rgb(101,117,149)
-
#5b729f
#5b729f
rgb(91,114,159)
-
#526ea8
#526ea8
rgb(82,110,168)
-
#486bb2
#486bb2
rgb(72,107,178)
-
#3e68bc
#3e68bc
rgb(62,104,188)
-
#3564c5
#3564c5
rgb(53,100,197)
-
#2b61cf
#2b61cf
rgb(43,97,207)
-
#225ed8
#225ed8
rgb(34,94,216)
-
#185be2
#185be2
rgb(24,91,226)
-
#0e57ec
#0e57ec
rgb(14,87,236)
-
#0554f5
#0554f5
rgb(5,84,245)
Color Blindness Simulator
Below, you can see how #486bb2 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.