#486b96 hex color

In a RGB color space, hex #486b96 is composed of 28.2% red, 42% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 28.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 213.1 degrees, a saturation of 35.1% and a lightness of 43.5%. #486b96 color hex could be obtained by blending #90d6ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 59
RGB color chart
- C 52
- M 29
- Y 0
- K 41
CMYK color chart

● #486b96 color description : Dark moderate blue.

The hexadecimal color #486b96 has RGB values of R:72, G:107, B:150 and CMYK values of C:0.52, M:0.29, Y:0, K:0.41. Its decimal value is 4746134.

Hex triplet	486b96	`#486b96`
RGB Decimal	72, 107, 150	`rgb(72,107,150)`
RGB Percent	28.2, 42, 58.8	`rgb(28.2%,42%,58.8%)`
CMYK	52, 29, 0, 41
HSL	213.1°, 35.1, 43.5	`hsl(213.1,35.1%,43.5%)`
HSV (or HSB)	213.1°, 52, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.368, 0.243, -27.298
XYZ	13.434, 14.094, 30.865
xyY	0.23, 0.241, 14.094
CIE-LCH	44.368, 27.299, 270.511
CIE-LUV	44.368, -16.475, -39.649
Hunter-Lab	37.543, -1.826, -22.465
Binary	01001000, 01101011, 10010110

#486b96
```
#486b96 rgb(72,107,150)
```
#967348
```
#967348 rgb(150,115,72)
```

Complementary Color

#489296
```
#489296 rgb(72,146,150)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#4c4896
```
#4c4896 rgb(76,72,150)
```

Analogous Color

#929648
```
#929648 rgb(146,150,72)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#964c48
```
#964c48 rgb(150,76,72)
```

Split Complementary Color

#6b9648
```
#6b9648 rgb(107,150,72)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#96486b
```
#96486b rgb(150,72,107)
```

Triadic Color

#489673
```
#489673 rgb(72,150,115)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#96486b
```
#96486b rgb(150,72,107)
```
#967348
```
#967348 rgb(150,115,72)
```

Tetradic Color

#2f4662
```
#2f4662 rgb(47,70,98)
```
#375274
```
#375274 rgb(55,82,116)
```
#405f85
```
#405f85 rgb(64,95,133)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#5077a7
```
#5077a7 rgb(80,119,167)
```
#5f84b2
```
#5f84b2 rgb(95,132,178)
```
#7091ba
```
#7091ba rgb(112,145,186)
```

Monochromatic Color

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

#487f96
```
#487f96 rgb(72,127,150)
```
#487896
```
#487896 rgb(72,120,150)
```
#487296
```
#487296 rgb(72,114,150)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#486596
```
#486596 rgb(72,101,150)
```
#485e96
```
#485e96 rgb(72,94,150)
```
#485896
```
#485896 rgb(72,88,150)
```

Similar Colors

Text with hexadecimal color #486b96

This text has a font color of #486b96.

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

#486b96 background color

This paragraph has a background color of #486b96.

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

#486b96 border color

This element has a border color of #486b96.

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

CSS codes

.text {color:#486b96;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080c11
```
#080c11 rgb(8,12,17)
```
#0f161f
```
#0f161f rgb(15,22,31)
```
#151f2c
```
#151f2c rgb(21,31,44)
```
#1b2939
```
#1b2939 rgb(27,41,57)
```
#223246
```
#223246 rgb(34,50,70)
```
#283c54
```
#283c54 rgb(40,60,84)
```
#2f4561
```
#2f4561 rgb(47,69,97)
```
#354f6e
```
#354f6e rgb(53,79,110)
```
#3b587b
```
#3b587b rgb(59,88,123)
```
#426289
```
#426289 rgb(66,98,137)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#4e74a3
```
#4e74a3 rgb(78,116,163)
```

Shade Color Variation

#577eae
```
#577eae rgb(87,126,174)
```
#6488b5
```
#6488b5 rgb(100,136,181)
```
#7192bb
```
#7192bb rgb(113,146,187)
```
#7f9dc1
```
#7f9dc1 rgb(127,157,193)
```
#8ca7c8
```
#8ca7c8 rgb(140,167,200)
```
#99b1ce
```
#99b1ce rgb(153,177,206)
```
#a6bbd4
```
#a6bbd4 rgb(166,187,212)
```
#b4c5db
```
#b4c5db rgb(180,197,219)
```
#c1cfe1
```
#c1cfe1 rgb(193,207,225)
```
#cedae8
```
#cedae8 rgb(206,218,232)
```
#dbe4ee
```
#dbe4ee rgb(219,228,238)
```
#e9eef4
```
#e9eef4 rgb(233,238,244)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#6a6f74
```
#6a6f74 rgb(106,111,116)
```
#626e7c
```
#626e7c rgb(98,110,124)
```
#596d85
```
#596d85 rgb(89,109,133)
```
#516c8d
```
#516c8d rgb(81,108,141)
```
#486b96
```
#486b96 rgb(72,107,150)
```
#3f6a9f
```
#3f6a9f rgb(63,106,159)
```
#3769a7
```
#3769a7 rgb(55,105,167)
```
#2e68b0
```
#2e68b0 rgb(46,104,176)
```
#2667b8
```
#2667b8 rgb(38,103,184)
```
#1d67c1
```
#1d67c1 rgb(29,103,193)
```
#1566c9
```
#1566c9 rgb(21,102,201)
```
#0c65d2
```
#0c65d2 rgb(12,101,210)
```
#0464da
```
#0464da rgb(4,100,218)
```

Tone Color Variation

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

#636f99 Protanopia 1% of men
#5e6f9c Deuteranopia 1% of men
#467880 Tritanopia 0.001% of the population

Trichromacy

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

#486b96 hex color

#486b96 Color Information

#486b96 Color Conversion

Color Schemes with #486b96

Alternatives to #486b96

#486b96 Preview

Shades and Tints of #486b96

Tones of #486b96

Color Blindness Simulator