#486f9b hex color

In a RGB color space, hex #486f9b is composed of 28.2% red, 43.5% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 28.4% magenta, 0% yellow and 39.2% black. It has a hue angle of 211.8 degrees, a saturation of 36.6% and a lightness of 44.5%. #486f9b color hex could be obtained by blending #90deff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 44
- B 61
RGB color chart
- C 54
- M 28
- Y 0
- K 39
CMYK color chart

● #486f9b color description : Dark moderate blue.

The hexadecimal color #486f9b has RGB values of R:72, G:111, B:155 and CMYK values of C:0.54, M:0.28, Y:0, K:0.39. Its decimal value is 4747163.

Hex triplet	486f9b	`#486f9b`
RGB Decimal	72, 111, 155	`rgb(72,111,155)`
RGB Percent	28.2, 43.5, 60.8	`rgb(28.2%,43.5%,60.8%)`
CMYK	54, 28, 0, 39
HSL	211.8°, 36.6, 44.5	`hsl(211.8,36.6%,44.5%)`
HSV (or HSB)	211.8°, 53.5, 60.8
Web Safe	336699	`#336699`

CIE-LAB	45.788, -0.569, -28.047
XYZ	14.272, 15.112, 33.173
xyY	0.228, 0.242, 15.112
CIE-LCH	45.788, 28.053, 268.837
CIE-LUV	45.788, -17.958, -40.991
Hunter-Lab	38.875, -2.498, -23.383
Binary	01001000, 01101111, 10011011

#486f9b
```
#486f9b rgb(72,111,155)
```
#9b7448
```
#9b7448 rgb(155,116,72)
```

Complementary Color

#48999b
```
#48999b rgb(72,153,155)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#4b489b
```
#4b489b rgb(75,72,155)
```

Analogous Color

#999b48
```
#999b48 rgb(153,155,72)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#9b4b48
```
#9b4b48 rgb(155,75,72)
```

Split Complementary Color

#6f9b48
```
#6f9b48 rgb(111,155,72)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#9b486f
```
#9b486f rgb(155,72,111)
```

Triadic Color

#489b74
```
#489b74 rgb(72,155,116)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#9b486f
```
#9b486f rgb(155,72,111)
```
#9b7448
```
#9b7448 rgb(155,116,72)
```

Tetradic Color

#304a67
```
#304a67 rgb(48,74,103)
```
#385678
```
#385678 rgb(56,86,120)
```
#40638a
```
#40638a rgb(64,99,138)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#507bac
```
#507bac rgb(80,123,172)
```
#6188b5
```
#6188b5 rgb(97,136,181)
```
#7295be
```
#7295be rgb(114,149,190)
```

Monochromatic Color

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

#48849b
```
#48849b rgb(72,132,155)
```
#487d9b
```
#487d9b rgb(72,125,155)
```
#48769b
```
#48769b rgb(72,118,155)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#48689b
```
#48689b rgb(72,104,155)
```
#48619b
```
#48619b rgb(72,97,155)
```
#485a9b
```
#485a9b rgb(72,90,155)
```

Similar Colors

Text with hexadecimal color #486f9b

This text has a font color of #486f9b.

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

#486f9b background color

This paragraph has a background color of #486f9b.

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

#486f9b border color

This element has a border color of #486f9b.

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

CSS codes

.text {color:#486f9b;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#101922
```
#101922 rgb(16,25,34)
```
#162230
```
#162230 rgb(22,34,48)
```
#1c2c3d
```
#1c2c3d rgb(28,44,61)
```
#23354b
```
#23354b rgb(35,53,75)
```
#293f58
```
#293f58 rgb(41,63,88)
```
#2f4965
```
#2f4965 rgb(47,73,101)
```
#355273
```
#355273 rgb(53,82,115)
```
#3c5c80
```
#3c5c80 rgb(60,92,128)
```
#42658e
```
#42658e rgb(66,101,142)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#4e79a8
```
#4e79a8 rgb(78,121,168)
```

Shade Color Variation

#5982b2
```
#5982b2 rgb(89,130,178)
```
#668cb8
```
#668cb8 rgb(102,140,184)
```
#7396be
```
#7396be rgb(115,150,190)
```
#81a1c4
```
#81a1c4 rgb(129,161,196)
```
#8eabcb
```
#8eabcb rgb(142,171,203)
```
#9cb5d1
```
#9cb5d1 rgb(156,181,209)
```
#a9bfd7
```
#a9bfd7 rgb(169,191,215)
```
#b6c9dd
```
#b6c9dd rgb(182,201,221)
```
#c4d3e3
```
#c4d3e3 rgb(196,211,227)
```
#d1ddea
```
#d1ddea rgb(209,221,234)
```
#dee7f0
```
#dee7f0 rgb(222,231,240)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#6b7178
```
#6b7178 rgb(107,113,120)
```
#627181
```
#627181 rgb(98,113,129)
```
#59708a
```
#59708a rgb(89,112,138)
```
#517092
```
#517092 rgb(81,112,146)
```
#486f9b
```
#486f9b rgb(72,111,155)
```
#3f6ea4
```
#3f6ea4 rgb(63,110,164)
```
#376eac
```
#376eac rgb(55,110,172)
```
#2e6db5
```
#2e6db5 rgb(46,109,181)
```
#256dbe
```
#256dbe rgb(37,109,190)
```
#1c6cc7
```
#1c6cc7 rgb(28,108,199)
```
#146ccf
```
#146ccf rgb(20,108,207)
```
#0b6bd8
```
#0b6bd8 rgb(11,107,216)
```
#026be1
```
#026be1 rgb(2,107,225)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66729d Protanopia 1% of men
#6073a1 Deuteranopia 1% of men
#457b84 Tritanopia 0.001% of the population

Trichromacy

#5b719c Protanomaly 1% of men, 0.01% of women
#57719f Deuteranomaly 6% of men, 0.4% of women
#46778c Tritanomaly 0.01% of the population

#486f9b hex color

#486f9b Color Information

#486f9b Color Conversion

Color Schemes with #486f9b

Alternatives to #486f9b

#486f9b Preview

Shades and Tints of #486f9b

Tones of #486f9b

Color Blindness Simulator