#486a93 hex color

In a RGB color space, hex #486a93 is composed of 28.2% red, 41.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 27.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 212.8 degrees, a saturation of 34.2% and a lightness of 42.9%. #486a93 color hex could be obtained by blending #90d4ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 58
RGB color chart
- C 51
- M 28
- Y 0
- K 42
CMYK color chart

● #486a93 color description : Dark moderate blue.

The hexadecimal color #486a93 has RGB values of R:72, G:106, B:147 and CMYK values of C:0.51, M:0.28, Y:0, K:0.42. Its decimal value is 4745875.

Hex triplet	486a93	`#486a93`
RGB Decimal	72, 106, 147	`rgb(72,106,147)`
RGB Percent	28.2, 41.6, 57.6	`rgb(28.2%,41.6%,57.6%)`
CMYK	51, 28, 0, 42
HSL	212.8°, 34.2, 42.9	`hsl(212.8,34.2%,42.9%)`
HSV (or HSB)	212.8°, 51, 57.6
Web Safe	336699	`#336699`

CIE-LAB	43.933, -0.111, -26.191
XYZ	13.092, 13.792, 29.574
xyY	0.232, 0.244, 13.792
CIE-LCH	43.933, 26.191, 269.758
CIE-LUV	43.933, -16.104, -37.828
Hunter-Lab	37.137, -2.064, -21.22
Binary	01001000, 01101010, 10010011

#486a93
```
#486a93 rgb(72,106,147)
```
#937148
```
#937148 rgb(147,113,72)
```

Complementary Color

#489093
```
#489093 rgb(72,144,147)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#4c4893
```
#4c4893 rgb(76,72,147)
```

Analogous Color

#909348
```
#909348 rgb(144,147,72)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#934c48
```
#934c48 rgb(147,76,72)
```

Split Complementary Color

#6a9348
```
#6a9348 rgb(106,147,72)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#93486a
```
#93486a rgb(147,72,106)
```

Triadic Color

#489371
```
#489371 rgb(72,147,113)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#93486a
```
#93486a rgb(147,72,106)
```
#937148
```
#937148 rgb(147,113,72)
```

Tetradic Color

#2f4560
```
#2f4560 rgb(47,69,96)
```
#375171
```
#375171 rgb(55,81,113)
```
#405e82
```
#405e82 rgb(64,94,130)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#5076a4
```
#5076a4 rgb(80,118,164)
```
#5e83b0
```
#5e83b0 rgb(94,131,176)
```
#6f90b8
```
#6f90b8 rgb(111,144,184)
```

Monochromatic Color

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

#487d93
```
#487d93 rgb(72,125,147)
```
#487793
```
#487793 rgb(72,119,147)
```
#487093
```
#487093 rgb(72,112,147)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#486493
```
#486493 rgb(72,100,147)
```
#485e93
```
#485e93 rgb(72,94,147)
```
#485793
```
#485793 rgb(72,87,147)
```

Similar Colors

Text with hexadecimal color #486a93

This text has a font color of #486a93.

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

#486a93 background color

This paragraph has a background color of #486a93.

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

#486a93 border color

This element has a border color of #486a93.

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

CSS codes

.text {color:#486a93;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0e151d
```
#0e151d rgb(14,21,29)
```
#141e2a
```
#141e2a rgb(20,30,42)
```
#1b2837
```
#1b2837 rgb(27,40,55)
```
#213144
```
#213144 rgb(33,49,68)
```
#283b51
```
#283b51 rgb(40,59,81)
```
#2e445e
```
#2e445e rgb(46,68,94)
```
#354e6c
```
#354e6c rgb(53,78,108)
```
#3b5779
```
#3b5779 rgb(59,87,121)
```
#426186
```
#426186 rgb(66,97,134)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#4e73a0
```
#4e73a0 rgb(78,115,160)
```

Shade Color Variation

#567dac
```
#567dac rgb(86,125,172)
```
#6387b3
```
#6387b3 rgb(99,135,179)
```
#7091b9
```
#7091b9 rgb(112,145,185)
```
#7e9bc0
```
#7e9bc0 rgb(126,155,192)
```
#8ba6c6
```
#8ba6c6 rgb(139,166,198)
```
#98b0cc
```
#98b0cc rgb(152,176,204)
```
#a5bad3
```
#a5bad3 rgb(165,186,211)
```
#b2c4d9
```
#b2c4d9 rgb(178,196,217)
```
#bfcee0
```
#bfcee0 rgb(191,206,224)
```
#cdd8e6
```
#cdd8e6 rgb(205,216,230)
```
#dae2ed
```
#dae2ed rgb(218,226,237)
```
#e7ecf3
```
#e7ecf3 rgb(231,236,243)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

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

#6a6d71
```
#6a6d71 rgb(106,109,113)
```
#616c7a
```
#616c7a rgb(97,108,122)
```
#596c82
```
#596c82 rgb(89,108,130)
```
#506b8b
```
#506b8b rgb(80,107,139)
```
#486a93
```
#486a93 rgb(72,106,147)
```
#40699b
```
#40699b rgb(64,105,155)
```
#3768a4
```
#3768a4 rgb(55,104,164)
```
#2f68ac
```
#2f68ac rgb(47,104,172)
```
#2667b5
```
#2667b5 rgb(38,103,181)
```
#1e66bd
```
#1e66bd rgb(30,102,189)
```
#1565c6
```
#1565c6 rgb(21,101,198)
```
#0d64ce
```
#0d64ce rgb(13,100,206)
```
#0564d6
```
#0564d6 rgb(5,100,214)
```

Tone Color Variation

Below, you can see how #486a93 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
#5f666e Atypical Achromatopsia 0.001% of the population

Dichromacy

#626e96 Protanopia 1% of men
#5e6e99 Deuteranopia 1% of men
#47767f Tritanopia 0.001% of the population

Trichromacy

#596c95 Protanomaly 1% of men, 0.01% of women
#566d97 Deuteranomaly 6% of men, 0.4% of women
#477286 Tritanomaly 0.01% of the population

#486a93 hex color

#486a93 Color Information

#486a93 Color Conversion

Color Schemes with #486a93

Alternatives to #486a93

#486a93 Preview

Shades and Tints of #486a93

Tones of #486a93

Color Blindness Simulator