#486cba hex color

In a RGB color space, hex #486cba is composed of 28.2% red, 42.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 41.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 221.1 degrees, a saturation of 45.2% and a lightness of 50.6%. #486cba color hex could be obtained by blending #90d8ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 42
- B 73
RGB color chart
- C 61
- M 42
- Y 0
- K 27
CMYK color chart

● #486cba color description : Moderate blue.

The hexadecimal color #486cba has RGB values of R:72, G:108, B:186 and CMYK values of C:0.61, M:0.42, Y:0, K:0.27. Its decimal value is 4746426.

Hex triplet	486cba	`#486cba`
RGB Decimal	72, 108, 186	`rgb(72,108,186)`
RGB Percent	28.2, 42.4, 72.9	`rgb(28.2%,42.4%,72.9%)`
CMYK	61, 42, 0, 27
HSL	221.1°, 45.2, 50.6	`hsl(221.1,45.2%,50.6%)`
HSV (or HSB)	221.1°, 61.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.508, 11.707, -45.055
XYZ	16.896, 15.647, 48.581
xyY	0.208, 0.193, 15.647
CIE-LCH	46.508, 46.551, 284.565
CIE-LUV	46.508, -16.778, -68.88
Hunter-Lab	39.556, 7.021, -45.128
Binary	01001000, 01101100, 10111010

#486cba
```
#486cba rgb(72,108,186)
```
#ba9648
```
#ba9648 rgb(186,150,72)
```

Complementary Color

#48a5ba
```
#48a5ba rgb(72,165,186)
```
#486cba
```
#486cba rgb(72,108,186)
```
#5d48ba
```
#5d48ba rgb(93,72,186)
```

Analogous Color

#a5ba48
```
#a5ba48 rgb(165,186,72)
```
#486cba
```
#486cba rgb(72,108,186)
```
#ba5d48
```
#ba5d48 rgb(186,93,72)
```

Split Complementary Color

#6cba48
```
#6cba48 rgb(108,186,72)
```
#486cba
```
#486cba rgb(72,108,186)
```
#ba486c
```
#ba486c rgb(186,72,108)
```

Triadic Color

#48ba96
```
#48ba96 rgb(72,186,150)
```
#486cba
```
#486cba rgb(72,108,186)
```
#ba486c
```
#ba486c rgb(186,72,108)
```
#ba9648
```
#ba9648 rgb(186,150,72)
```

Tetradic Color

#324c84
```
#324c84 rgb(50,76,132)
```
#395696
```
#395696 rgb(57,86,150)
```
#4061a9
```
#4061a9 rgb(64,97,169)
```
#486cba
```
#486cba rgb(72,108,186)
```
#5b7bc1
```
#5b7bc1 rgb(91,123,193)
```
#6d8ac8
```
#6d8ac8 rgb(109,138,200)
```
#8099cf
```
#8099cf rgb(128,153,207)
```

Monochromatic Color

Below, you can see some colors close to #486cba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#4889ba
```
#4889ba rgb(72,137,186)
```
#487fba
```
#487fba rgb(72,127,186)
```
#4876ba
```
#4876ba rgb(72,118,186)
```
#486cba
```
#486cba rgb(72,108,186)
```
#4863ba
```
#4863ba rgb(72,99,186)
```
#4859ba
```
#4859ba rgb(72,89,186)
```
#4850ba
```
#4850ba rgb(72,80,186)
```

Similar Colors

Text with hexadecimal color #486cba

This text has a font color of #486cba.

<span style="color:#486cba;">Text here</span>

#486cba background color

This paragraph has a background color of #486cba.

<p style="background-color:#486cba;">Content here</p>

#486cba border color

This element has a border color of #486cba.

<div style="border:1px solid #486cba;">Content here</div>

CSS codes

.text {color:#486cba;}

.background {background-color:#486cba;}

.border {border:1px solid #486cba;}

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, #010102 is the darkest color, while #f3f5fa is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060910
```
#060910 rgb(6,9,16)
```
#0c121f
```
#0c121f rgb(12,18,31)
```
#111a2d
```
#111a2d rgb(17,26,45)
```
#16223b
```
#16223b rgb(22,34,59)
```
#1c2a49
```
#1c2a49 rgb(28,42,73)
```
#213258
```
#213258 rgb(33,50,88)
```
#263a66
```
#263a66 rgb(38,58,102)
```
#2c4374
```
#2c4374 rgb(44,67,116)
```
#314b82
```
#314b82 rgb(49,75,130)
```
#375391
```
#375391 rgb(55,83,145)
```
#3c5b9f
```
#3c5b9f rgb(60,91,159)
```
#4163ad
```
#4163ad rgb(65,99,173)
```

Shade Color Variation

#486cba
```
#486cba rgb(72,108,186)
```
#5677bf
```
#5677bf rgb(86,119,191)
```
#6483c5
```
#6483c5 rgb(100,131,197)
```
#738eca
```
#738eca rgb(115,142,202)
```
#819acf
```
#819acf rgb(129,154,207)
```
#8fa5d5
```
#8fa5d5 rgb(143,165,213)
```
#9db1da
```
#9db1da rgb(157,177,218)
```
#acbce0
```
#acbce0 rgb(172,188,224)
```
#bac8e5
```
#bac8e5 rgb(186,200,229)
```
#c8d3ea
```
#c8d3ea rgb(200,211,234)
```
#d6def0
```
#d6def0 rgb(214,222,240)
```
#e5eaf5
```
#e5eaf5 rgb(229,234,245)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787e8a is the less saturated color, while #0453fe is the most saturated one.

#787e8a
```
#787e8a rgb(120,126,138)
```
#6f7a93
```
#6f7a93 rgb(111,122,147)
```
#65779d
```
#65779d rgb(101,119,157)
```
#5b73a7
```
#5b73a7 rgb(91,115,167)
```
#5270b0
```
#5270b0 rgb(82,112,176)
```
#486cba
```
#486cba rgb(72,108,186)
```
#3e68c4
```
#3e68c4 rgb(62,104,196)
```
#3565cd
```
#3565cd rgb(53,101,205)
```
#2b61d7
```
#2b61d7 rgb(43,97,215)
```
#215ee1
```
#215ee1 rgb(33,94,225)
```
#185aea
```
#185aea rgb(24,90,234)
```
#0e57f4
```
#0e57f4 rgb(14,87,244)
```
#0453fe
```
#0453fe rgb(4,83,254)
```

Tone Color Variation

Below, you can see how #486cba 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.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#636a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5373bd Protanopia 1% of men
#3f76bc Deuteranopia 1% of men
#307f89 Tritanopia 0.001% of the population

Trichromacy

#4f70bc Protanomaly 1% of men, 0.01% of women
#4272bb Deuteranomaly 6% of men, 0.4% of women
#38789a Tritanomaly 0.01% of the population

#486cba hex color

#486cba Color Information

#486cba Color Conversion

Color Schemes with #486cba

Alternatives to #486cba

#486cba Preview

Shades and Tints of #486cba

Tones of #486cba

Color Blindness Simulator