colorhexa.com

#486c92 hex color

In a RGB color space, hex #486c92 is composed of 28.2% red, 42.4% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 26% magenta, 0% yellow and 42.7% black. It has a hue angle of 210.8 degrees, a saturation of 33.9% and a lightness of 42.7%. #486c92 color hex could be obtained by blending #90d8ff with #000025. Closest websafe color is: #336699.

- R 28
- G 42
- B 57
RGB color chart
- C 51
- M 26
- Y 0
- K 43
CMYK color chart

● #486c92 color description : Dark moderate blue.

The hexadecimal color #486c92 has RGB values of R:72, G:108, B:146 and CMYK values of C:0.51, M:0.26, Y:0, K:0.43. Its decimal value is 4746386.

Hex triplet	486c92	`#486c92`
RGB Decimal	72, 108, 146	`rgb(72,108,146)`
RGB Percent	28.2, 42.4, 57.3	`rgb(28.2%,42.4%,57.3%)`
CMYK	51, 26, 0, 43
HSL	210.8°, 33.9, 42.7	`hsl(210.8,33.9%,42.7%)`
HSV (or HSB)	210.8°, 50.7, 57.3
Web Safe	336699	`#336699`

CIE-LAB	44.486, -1.643, -24.735
XYZ	13.222, 14.177, 29.232
xyY	0.233, 0.25, 14.177
CIE-LCH	44.486, 24.79, 266.2
CIE-LUV	44.486, -16.875, -35.528
Hunter-Lab	37.653, -3.211, -19.673
Binary	01001000, 01101100, 10010010

#486c92
```
#486c92 rgb(72,108,146)
```
#926e48
```
#926e48 rgb(146,110,72)
```

Complementary Color

#489192
```
#489192 rgb(72,145,146)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#494892
```
#494892 rgb(73,72,146)
```

Analogous Color

#919248
```
#919248 rgb(145,146,72)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#924948
```
#924948 rgb(146,73,72)
```

Split Complementary Color

#6c9248
```
#6c9248 rgb(108,146,72)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#92486c
```
#92486c rgb(146,72,108)
```

Triadic Color

#48926e
```
#48926e rgb(72,146,110)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#92486c
```
#92486c rgb(146,72,108)
```
#926e48
```
#926e48 rgb(146,110,72)
```

Tetradic Color

#2f465f
```
#2f465f rgb(47,70,95)
```
#375370
```
#375370 rgb(55,83,112)
```
#405f81
```
#405f81 rgb(64,95,129)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#5079a3
```
#5079a3 rgb(80,121,163)
```
#5e85af
```
#5e85af rgb(94,133,175)
```
#6f92b8
```
#6f92b8 rgb(111,146,184)
```

Monochromatic Color

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

#487f92
```
#487f92 rgb(72,127,146)
```
#487892
```
#487892 rgb(72,120,146)
```
#487292
```
#487292 rgb(72,114,146)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#486692
```
#486692 rgb(72,102,146)
```
#486092
```
#486092 rgb(72,96,146)
```
#485a92
```
#485a92 rgb(72,90,146)
```

Similar Colors

Text with hexadecimal color #486c92

This text has a font color of #486c92.

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

#486c92 background color

This paragraph has a background color of #486c92.

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

#486c92 border color

This element has a border color of #486c92.

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

CSS codes

.text {color:#486c92;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070b0f
```
#070b0f rgb(7,11,15)
```
#0e151c
```
#0e151c rgb(14,21,28)
```
#141e29
```
#141e29 rgb(20,30,41)
```
#1b2836
```
#1b2836 rgb(27,40,54)
```
#213243
```
#213243 rgb(33,50,67)
```
#283b50
```
#283b50 rgb(40,59,80)
```
#2e455d
```
#2e455d rgb(46,69,93)
```
#354f6b
```
#354f6b rgb(53,79,107)
```
#3b5978
```
#3b5978 rgb(59,89,120)
```
#426285
```
#426285 rgb(66,98,133)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#4e769f
```
#4e769f rgb(78,118,159)
```

Shade Color Variation

#567fac
```
#567fac rgb(86,127,172)
```
#6389b2
```
#6389b2 rgb(99,137,178)
```
#7093b8
```
#7093b8 rgb(112,147,184)
```
#7d9dbf
```
#7d9dbf rgb(125,157,191)
```
#8aa7c5
```
#8aa7c5 rgb(138,167,197)
```
#97b1cc
```
#97b1cc rgb(151,177,204)
```
#a5bbd2
```
#a5bbd2 rgb(165,187,210)
```
#b2c5d9
```
#b2c5d9 rgb(178,197,217)
```
#bfcfdf
```
#bfcfdf rgb(191,207,223)
```
#ccd9e6
```
#ccd9e6 rgb(204,217,230)
```
#d9e2ec
```
#d9e2ec rgb(217,226,236)
```
#e6ecf3
```
#e6ecf3 rgb(230,236,243)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

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

#6a6d70
```
#6a6d70 rgb(106,109,112)
```
#616d79
```
#616d79 rgb(97,109,121)
```
#596c81
```
#596c81 rgb(89,108,129)
```
#506c8a
```
#506c8a rgb(80,108,138)
```
#486c92
```
#486c92 rgb(72,108,146)
```
#406c9a
```
#406c9a rgb(64,108,154)
```
#376ca3
```
#376ca3 rgb(55,108,163)
```
#2f6bab
```
#2f6bab rgb(47,107,171)
```
#266bb4
```
#266bb4 rgb(38,107,180)
```
#1e6bbc
```
#1e6bbc rgb(30,107,188)
```
#166bc4
```
#166bc4 rgb(22,107,196)
```
#0d6acd
```
#0d6acd rgb(13,106,205)
```
#056ad5
```
#056ad5 rgb(5,106,213)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#60676f Atypical Achromatopsia 0.001% of the population

Dichromacy

#656f94 Protanopia 1% of men
#626f99 Deuteranopia 1% of men
#487880 Tritanopia 0.001% of the population

Trichromacy

#5a6e93 Protanomaly 1% of men, 0.01% of women
#586e96 Deuteranomaly 6% of men, 0.4% of women
#487387 Tritanomaly 0.01% of the population