#486a99 hex color

In a RGB color space, hex #486a99 is composed of 28.2% red, 41.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 30.7% magenta, 0% yellow and 40% black. It has a hue angle of 214.8 degrees, a saturation of 36% and a lightness of 44.1%. #486a99 color hex could be obtained by blending #90d4ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 60
RGB color chart
- C 53
- M 31
- Y 0
- K 40
CMYK color chart

● #486a99 color description : Dark moderate blue.

The hexadecimal color #486a99 has RGB values of R:72, G:106, B:153 and CMYK values of C:0.53, M:0.31, Y:0, K:0.4. Its decimal value is 4745881.

Hex triplet	486a99	`#486a99`
RGB Decimal	72, 106, 153	`rgb(72,106,153)`
RGB Percent	28.2, 41.6, 60	`rgb(28.2%,41.6%,60%)`
CMYK	53, 31, 0, 40
HSL	214.8°, 36, 44.1	`hsl(214.8,36%,44.1%)`
HSV (or HSB)	214.8°, 52.9, 60
Web Safe	336699	`#336699`

CIE-LAB	44.211, 1.827, -29.324
XYZ	13.575, 13.985, 32.119
xyY	0.227, 0.234, 13.985
CIE-LCH	44.211, 29.381, 273.565
CIE-LUV	44.211, -16.091, -42.904
Hunter-Lab	37.397, -0.648, -24.746
Binary	01001000, 01101010, 10011001

#486a99
```
#486a99 rgb(72,106,153)
```
#997748
```
#997748 rgb(153,119,72)
```

Complementary Color

#489399
```
#489399 rgb(72,147,153)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#4f4899
```
#4f4899 rgb(79,72,153)
```

Analogous Color

#939948
```
#939948 rgb(147,153,72)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#994f48
```
#994f48 rgb(153,79,72)
```

Split Complementary Color

#6a9948
```
#6a9948 rgb(106,153,72)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#99486a
```
#99486a rgb(153,72,106)
```

Triadic Color

#489977
```
#489977 rgb(72,153,119)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#99486a
```
#99486a rgb(153,72,106)
```
#997748
```
#997748 rgb(153,119,72)
```

Tetradic Color

#304665
```
#304665 rgb(48,70,101)
```
#385276
```
#385276 rgb(56,82,118)
```
#405e88
```
#405e88 rgb(64,94,136)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#5076aa
```
#5076aa rgb(80,118,170)
```
#6083b4
```
#6083b4 rgb(96,131,180)
```
#7191bc
```
#7191bc rgb(113,145,188)
```

Monochromatic Color

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

#487e99
```
#487e99 rgb(72,126,153)
```
#487899
```
#487899 rgb(72,120,153)
```
#487199
```
#487199 rgb(72,113,153)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#486399
```
#486399 rgb(72,99,153)
```
#485d99
```
#485d99 rgb(72,93,153)
```
#485699
```
#485699 rgb(72,86,153)
```

Similar Colors

Text with hexadecimal color #486a99

This text has a font color of #486a99.

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

#486a99 background color

This paragraph has a background color of #486a99.

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

#486a99 border color

This element has a border color of #486a99.

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

CSS codes

.text {color:#486a99;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090e14
```
#090e14 rgb(9,14,20)
```
#101721
```
#101721 rgb(16,23,33)
```
#16202e
```
#16202e rgb(22,32,46)
```
#1c293c
```
#1c293c rgb(28,41,60)
```
#223349
```
#223349 rgb(34,51,73)
```
#293c56
```
#293c56 rgb(41,60,86)
```
#2f4564
```
#2f4564 rgb(47,69,100)
```
#354e71
```
#354e71 rgb(53,78,113)
```
#3b587e
```
#3b587e rgb(59,88,126)
```
#42618c
```
#42618c rgb(66,97,140)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#4e73a6
```
#4e73a6 rgb(78,115,166)
```

Shade Color Variation

#587db0
```
#587db0 rgb(88,125,176)
```
#6587b7
```
#6587b7 rgb(101,135,183)
```
#7392bd
```
#7392bd rgb(115,146,189)
```
#809cc3
```
#809cc3 rgb(128,156,195)
```
#8da7c9
```
#8da7c9 rgb(141,167,201)
```
#9bb1d0
```
#9bb1d0 rgb(155,177,208)
```
#a8bbd6
```
#a8bbd6 rgb(168,187,214)
```
#b5c6dc
```
#b5c6dc rgb(181,198,220)
```
#c3d0e3
```
#c3d0e3 rgb(195,208,227)
```
#d0dae9
```
#d0dae9 rgb(208,218,233)
```
#dde5ef
```
#dde5ef rgb(221,229,239)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7076 is the less saturated color, while #035fde is the most saturated one.

#6b7076
```
#6b7076 rgb(107,112,118)
```
#626e7f
```
#626e7f rgb(98,110,127)
```
#596d88
```
#596d88 rgb(89,109,136)
```
#516b90
```
#516b90 rgb(81,107,144)
```
#486a99
```
#486a99 rgb(72,106,153)
```
#3f69a2
```
#3f69a2 rgb(63,105,162)
```
#3767aa
```
#3767aa rgb(55,103,170)
```
#2e66b3
```
#2e66b3 rgb(46,102,179)
```
#2564bc
```
#2564bc rgb(37,100,188)
```
#1d63c4
```
#1d63c4 rgb(29,99,196)
```
#1462cd
```
#1462cd rgb(20,98,205)
```
#0b60d6
```
#0b60d6 rgb(11,96,214)
```
#035fde
```
#035fde rgb(3,95,222)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5f666f Atypical Achromatopsia 0.001% of the population

Dichromacy

#606e9c Protanopia 1% of men
#5b6f9f Deuteranopia 1% of men
#447780 Tritanopia 0.001% of the population

Trichromacy

#576d9b Protanomaly 1% of men, 0.01% of women
#546d9c Deuteranomaly 6% of men, 0.4% of women
#457289 Tritanomaly 0.01% of the population

#486a99 hex color

#486a99 Color Information

#486a99 Color Conversion

Color Schemes with #486a99

Alternatives to #486a99

#486a99 Preview

Shades and Tints of #486a99

Tones of #486a99

Color Blindness Simulator