#486dc0 hex color

In a RGB color space, hex #486dc0 is composed of 28.2% red, 42.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 43.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 221.5 degrees, a saturation of 48.8% and a lightness of 51.8%. #486dc0 color hex could be obtained by blending #90daff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 43
- B 75
RGB color chart
- C 63
- M 43
- Y 0
- K 25
CMYK color chart

● #486dc0 color description : Moderate blue.

The hexadecimal color #486dc0 has RGB values of R:72, G:109, B:192 and CMYK values of C:0.63, M:0.43, Y:0, K:0.25. Its decimal value is 4746688.

Hex triplet	486dc0	`#486dc0`
RGB Decimal	72, 109, 192	`rgb(72,109,192)`
RGB Percent	28.2, 42.7, 75.3	`rgb(28.2%,42.7%,75.3%)`
CMYK	63, 43, 0, 25
HSL	221.5°, 48.8, 51.8	`hsl(221.5,48.8%,51.8%)`
HSV (or HSB)	221.5°, 62.5, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.131, 13.16, -47.531
XYZ	17.653, 16.12, 52.047
xyY	0.206, 0.188, 16.12
CIE-LCH	47.131, 49.32, 285.476
CIE-LUV	47.131, -17.112, -73.065
Hunter-Lab	40.149, 8.224, -48.756
Binary	01001000, 01101101, 11000000

#486dc0
```
#486dc0 rgb(72,109,192)
```
#c09b48
```
#c09b48 rgb(192,155,72)
```

Complementary Color

#48a9c0
```
#48a9c0 rgb(72,169,192)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#5f48c0
```
#5f48c0 rgb(95,72,192)
```

Analogous Color

#a9c048
```
#a9c048 rgb(169,192,72)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#c05f48
```
#c05f48 rgb(192,95,72)
```

Split Complementary Color

#6dc048
```
#6dc048 rgb(109,192,72)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#c0486d
```
#c0486d rgb(192,72,109)
```

Triadic Color

#48c09b
```
#48c09b rgb(72,192,155)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#c0486d
```
#c0486d rgb(192,72,109)
```
#c09b48
```
#c09b48 rgb(192,155,72)
```

Tetradic Color

#304c8b
```
#304c8b rgb(48,76,139)
```
#37579e
```
#37579e rgb(55,87,158)
```
#3d61b1
```
#3d61b1 rgb(61,97,177)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#5b7cc7
```
#5b7cc7 rgb(91,124,199)
```
#6e8bcd
```
#6e8bcd rgb(110,139,205)
```
#819ad4
```
#819ad4 rgb(129,154,212)
```

Monochromatic Color

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

#488bc0
```
#488bc0 rgb(72,139,192)
```
#4881c0
```
#4881c0 rgb(72,129,192)
```
#4877c0
```
#4877c0 rgb(72,119,192)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#4863c0
```
#4863c0 rgb(72,99,192)
```
#4859c0
```
#4859c0 rgb(72,89,192)
```
#484fc0
```
#484fc0 rgb(72,79,192)
```

Similar Colors

Text with hexadecimal color #486dc0

This text has a font color of #486dc0.

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

#486dc0 background color

This paragraph has a background color of #486dc0.

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

#486dc0 border color

This element has a border color of #486dc0.

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

CSS codes

.text {color:#486dc0;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c15
```
#070c15 rgb(7,12,21)
```
#0c1424
```
#0c1424 rgb(12,20,36)
```
#111c32
```
#111c32 rgb(17,28,50)
```
#162441
```
#162441 rgb(22,36,65)
```
#1b2c50
```
#1b2c50 rgb(27,44,80)
```
#20345e
```
#20345e rgb(32,52,94)
```
#253b6d
```
#253b6d rgb(37,59,109)
```
#2a437b
```
#2a437b rgb(42,67,123)
```
#304b8a
```
#304b8a rgb(48,75,138)
```
#355399
```
#355399 rgb(53,83,153)
```
#3a5ba7
```
#3a5ba7 rgb(58,91,167)
```
#3f63b6
```
#3f63b6 rgb(63,99,182)
```

Shade Color Variation

#486dc0
```
#486dc0 rgb(72,109,192)
```
#5779c5
```
#5779c5 rgb(87,121,197)
```
#6584ca
```
#6584ca rgb(101,132,202)
```
#7490cf
```
#7490cf rgb(116,144,207)
```
#829cd4
```
#829cd4 rgb(130,156,212)
```
#91a7d9
```
#91a7d9 rgb(145,167,217)
```
#a0b3de
```
#a0b3de rgb(160,179,222)
```
#aebee3
```
#aebee3 rgb(174,190,227)
```
#bdcae8
```
#bdcae8 rgb(189,202,232)
```
#cbd6ed
```
#cbd6ed rgb(203,214,237)
```
#dae1f2
```
#dae1f2 rgb(218,225,242)
```
#e9edf7
```
#e9edf7 rgb(233,237,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818387 is the less saturated color, while #0f57f9 is the most saturated one.

#818387
```
#818387 rgb(129,131,135)
```
#777f91
```
#777f91 rgb(119,127,145)
```
#6e7c9a
```
#6e7c9a rgb(110,124,154)
```
#6478a4
```
#6478a4 rgb(100,120,164)
```
#5b74ad
```
#5b74ad rgb(91,116,173)
```
#5171b7
```
#5171b7 rgb(81,113,183)
```
#486dc0
```
#486dc0 rgb(72,109,192)
```
#3f69c9
```
#3f69c9 rgb(63,105,201)
```
#3566d3
```
#3566d3 rgb(53,102,211)
```
#2c62dc
```
#2c62dc rgb(44,98,220)
```
#225ee6
```
#225ee6 rgb(34,94,230)
```
#195bef
```
#195bef rgb(25,91,239)
```
#0f57f9
```
#0f57f9 rgb(15,87,249)
```

Tone Color Variation

Below, you can see how #486dc0 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
#646b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5174c3 Protanopia 1% of men
#3878c1 Deuteranopia 1% of men
#2a818b Tritanopia 0.001% of the population

Trichromacy

#4d71c2 Protanomaly 1% of men, 0.01% of women
#3e74c1 Deuteranomaly 6% of men, 0.4% of women
#357a9e Tritanomaly 0.01% of the population

#486dc0 hex color

#486dc0 Color Information

#486dc0 Color Conversion

Color Schemes with #486dc0

Alternatives to #486dc0

#486dc0 Preview

Shades and Tints of #486dc0

Tones of #486dc0

Color Blindness Simulator