colorhexa.com

#486acb hex color

In a RGB color space, hex #486acb is composed of 28.2% red, 41.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 47.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 224.4 degrees, a saturation of 55.7% and a lightness of 53.9%. #486acb color hex could be obtained by blending #90d4ff with #000097. Closest websafe color is: #3366cc.

- R 28
- G 42
- B 80
RGB color chart
- C 65
- M 48
- Y 0
- K 20
CMYK color chart

● #486acb color description : Moderate blue.

The hexadecimal color #486acb has RGB values of R:72, G:106, B:203 and CMYK values of C:0.65, M:0.48, Y:0, K:0.2. Its decimal value is 4745931.

Hex triplet	486acb	`#486acb`
RGB Decimal	72, 106, 203	`rgb(72,106,203)`
RGB Percent	28.2, 41.6, 79.6	`rgb(28.2%,41.6%,79.6%)`
CMYK	65, 48, 0, 20
HSL	224.4°, 55.7, 53.9	`hsl(224.4,55.7%,53.9%)`
HSV (or HSB)	224.4°, 64.5, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.97, 18.885, -54.118
XYZ	18.604, 15.996, 58.604
xyY	0.2, 0.172, 15.996
CIE-LCH	46.97, 57.318, 289.237
CIE-LUV	46.97, -16.193, -83.586
Hunter-Lab	39.996, 13.036, -58.878
Binary	01001000, 01101010, 11001011

#486acb
```
#486acb rgb(72,106,203)
```
#cba948
```
#cba948 rgb(203,169,72)
```

Complementary Color

#48accb
```
#48accb rgb(72,172,203)
```
#486acb
```
#486acb rgb(72,106,203)
```
#6848cb
```
#6848cb rgb(104,72,203)
```

Analogous Color

#accb48
```
#accb48 rgb(172,203,72)
```
#486acb
```
#486acb rgb(72,106,203)
```
#cb6848
```
#cb6848 rgb(203,104,72)
```

Split Complementary Color

#6acb48
```
#6acb48 rgb(106,203,72)
```
#486acb
```
#486acb rgb(72,106,203)
```
#cb486a
```
#cb486a rgb(203,72,106)
```

Triadic Color

#48cba9
```
#48cba9 rgb(72,203,169)
```
#486acb
```
#486acb rgb(72,106,203)
```
#cb486a
```
#cb486a rgb(203,72,106)
```
#cba948
```
#cba948 rgb(203,169,72)
```

Tetradic Color

#2c499b
```
#2c499b rgb(44,73,155)
```
#3252ae
```
#3252ae rgb(50,82,174)
```
#375bc2
```
#375bc2 rgb(55,91,194)
```
#486acb
```
#486acb rgb(72,106,203)
```
#5c7ad1
```
#5c7ad1 rgb(92,122,209)
```
#708ad6
```
#708ad6 rgb(112,138,214)
```
#849bdc
```
#849bdc rgb(132,155,220)
```

Monochromatic Color

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

#488bcb
```
#488bcb rgb(72,139,203)
```
#4880cb
```
#4880cb rgb(72,128,203)
```
#4875cb
```
#4875cb rgb(72,117,203)
```
#486acb
```
#486acb rgb(72,106,203)
```
#485fcb
```
#485fcb rgb(72,95,203)
```
#4854cb
```
#4854cb rgb(72,84,203)
```
#4849cb
```
#4849cb rgb(72,73,203)
```

Similar Colors

Text with hexadecimal color #486acb

This text has a font color of #486acb.

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

#486acb background color

This paragraph has a background color of #486acb.

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

#486acb border color

This element has a border color of #486acb.

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

CSS codes

.text {color:#486acb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040710
```
#040710 rgb(4,7,16)
```
#090e1f
```
#090e1f rgb(9,14,31)
```
#0d162e
```
#0d162e rgb(13,22,46)
```
#111d3d
```
#111d3d rgb(17,29,61)
```
#16244d
```
#16244d rgb(22,36,77)
```
#1a2b5c
```
#1a2b5c rgb(26,43,92)
```
#1e326b
```
#1e326b rgb(30,50,107)
```
#233a7a
```
#233a7a rgb(35,58,122)
```
#27418a
```
#27418a rgb(39,65,138)
```
#2b4899
```
#2b4899 rgb(43,72,153)
```
#304fa8
```
#304fa8 rgb(48,79,168)
```
#3456b8
```
#3456b8 rgb(52,86,184)
```

Shade Color Variation

#395ec7
```
#395ec7 rgb(57,94,199)
```
#486acb
```
#486acb rgb(72,106,203)
```
#5776cf
```
#5776cf rgb(87,118,207)
```
#6783d4
```
#6783d4 rgb(103,131,212)
```
#768fd8
```
#768fd8 rgb(118,143,216)
```
#859cdc
```
#859cdc rgb(133,156,220)
```
#94a8e1
```
#94a8e1 rgb(148,168,225)
```
#a4b5e5
```
#a4b5e5 rgb(164,181,229)
```
#b3c1e9
```
#b3c1e9 rgb(179,193,233)
```
#c2cdee
```
#c2cdee rgb(194,205,238)
```
#d1daf2
```
#d1daf2 rgb(209,218,242)
```
#e1e6f6
```
#e1e6f6 rgb(225,230,246)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87888c is the less saturated color, while #1b54f8 is the most saturated one.

#87888c
```
#87888c rgb(135,136,140)
```
#7e8495
```
#7e8495 rgb(126,132,149)
```
#75809e
```
#75809e rgb(117,128,158)
```
#6c7ba7
```
#6c7ba7 rgb(108,123,167)
```
#6377b0
```
#6377b0 rgb(99,119,176)
```
#5a73b9
```
#5a73b9 rgb(90,115,185)
```
#516ec2
```
#516ec2 rgb(81,110,194)
```
#486acb
```
#486acb rgb(72,106,203)
```
#3f66d4
```
#3f66d4 rgb(63,102,212)
```
#3661dd
```
#3661dd rgb(54,97,221)
```
#2d5de6
```
#2d5de6 rgb(45,93,230)
```
#2459ef
```
#2459ef rgb(36,89,239)
```
#1b54f8
```
#1b54f8 rgb(27,84,248)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#646b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4273cf Protanopia 1% of men
#0078c9 Deuteranopia 1% of men
#10828b Tritanopia 0.001% of the population

Trichromacy

#4470cd Protanomaly 1% of men, 0.01% of women
#1a73c9 Deuteranomaly 6% of men, 0.4% of women
#2479a2 Tritanomaly 0.01% of the population