#486bb1 hex color

In a RGB color space, hex #486bb1 is composed of 28.2% red, 42% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 39.5% magenta, 0% yellow and 30.6% black. It has a hue angle of 220 degrees, a saturation of 42.2% and a lightness of 48.8%. #486bb1 color hex could be obtained by blending #90d6ff with #000063. Closest websafe color is: #336699.

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

● #486bb1 color description : Dark moderate blue.

The hexadecimal color #486bb1 has RGB values of R:72, G:107, B:177 and CMYK values of C:0.59, M:0.4, Y:0, K:0.31. Its decimal value is 4746161.

Hex triplet	486bb1	`#486bb1`
RGB Decimal	72, 107, 177	`rgb(72,107,177)`
RGB Percent	28.2, 42, 69.4	`rgb(28.2%,42%,69.4%)`
CMYK	59, 40, 0, 31
HSL	220°, 42.2, 48.8	`hsl(220,42.2%,48.8%)`
HSV (or HSB)	220°, 59.3, 69.4
Web Safe	336699	`#336699`

CIE-LAB	45.725, 9.237, -41.064
XYZ	15.864, 15.067, 43.665
xyY	0.213, 0.202, 15.067
CIE-LCH	45.725, 42.09, 282.678
CIE-LUV	45.725, -16.435, -62.213
Hunter-Lab	38.816, 5.027, -39.526
Binary	01001000, 01101011, 10110001

#486bb1
```
#486bb1 rgb(72,107,177)
```
#b18e48
```
#b18e48 rgb(177,142,72)
```

Complementary Color

#48a0b1
```
#48a0b1 rgb(72,160,177)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#5a48b1
```
#5a48b1 rgb(90,72,177)
```

Analogous Color

#a0b148
```
#a0b148 rgb(160,177,72)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#b15a48
```
#b15a48 rgb(177,90,72)
```

Split Complementary Color

#6bb148
```
#6bb148 rgb(107,177,72)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#b1486b
```
#b1486b rgb(177,72,107)
```

Triadic Color

#48b18e
```
#48b18e rgb(72,177,142)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#b1486b
```
#b1486b rgb(177,72,107)
```
#b18e48
```
#b18e48 rgb(177,142,72)
```

Tetradic Color

#324a7b
```
#324a7b rgb(50,74,123)
```
#39558d
```
#39558d rgb(57,85,141)
```
#41609f
```
#41609f rgb(65,96,159)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#5879bb
```
#5879bb rgb(88,121,187)
```
#6a87c2
```
#6a87c2 rgb(106,135,194)
```
#7c96ca
```
#7c96ca rgb(124,150,202)
```

Monochromatic Color

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

#4885b1
```
#4885b1 rgb(72,133,177)
```
#487db1
```
#487db1 rgb(72,125,177)
```
#4874b1
```
#4874b1 rgb(72,116,177)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#4862b1
```
#4862b1 rgb(72,98,177)
```
#4859b1
```
#4859b1 rgb(72,89,177)
```
#4851b1
```
#4851b1 rgb(72,81,177)
```

Similar Colors

Text with hexadecimal color #486bb1

This text has a font color of #486bb1.

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

#486bb1 background color

This paragraph has a background color of #486bb1.

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

#486bb1 border color

This element has a border color of #486bb1.

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

CSS codes

.text {color:#486bb1;}

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

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

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, #04060a is the darkest color, while #fbfcfd is the lightest one.

#04060a
```
#04060a rgb(4,6,10)
```
#0a0e18
```
#0a0e18 rgb(10,14,24)
```
#0f1726
```
#0f1726 rgb(15,23,38)
```
#151f34
```
#151f34 rgb(21,31,52)
```
#1b2841
```
#1b2841 rgb(27,40,65)
```
#20304f
```
#20304f rgb(32,48,79)
```
#26385d
```
#26385d rgb(38,56,93)
```
#2c416b
```
#2c416b rgb(44,65,107)
```
#314979
```
#314979 rgb(49,73,121)
```
#375287
```
#375287 rgb(55,82,135)
```
#3d5a95
```
#3d5a95 rgb(61,90,149)
```
#4263a3
```
#4263a3 rgb(66,99,163)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```

Shade Color Variation

#5375b9
```
#5375b9 rgb(83,117,185)
```
#6181bf
```
#6181bf rgb(97,129,191)
```
#6f8cc5
```
#6f8cc5 rgb(111,140,197)
```
#7d97ca
```
#7d97ca rgb(125,151,202)
```
#8ba2d0
```
#8ba2d0 rgb(139,162,208)
```
#99add6
```
#99add6 rgb(153,173,214)
```
#a7b8db
```
#a7b8db rgb(167,184,219)
```
#b5c4e1
```
#b5c4e1 rgb(181,196,225)
```
#c3cfe7
```
#c3cfe7 rgb(195,207,231)
```
#d1daec
```
#d1daec rgb(209,218,236)
```
#dfe5f2
```
#dfe5f2 rgb(223,229,242)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b81 is the less saturated color, while #0555f4 is the most saturated one.

#787b81
```
#787b81 rgb(120,123,129)
```
#6e788b
```
#6e788b rgb(110,120,139)
```
#657594
```
#657594 rgb(101,117,148)
```
#5b719e
```
#5b719e rgb(91,113,158)
```
#526ea7
```
#526ea7 rgb(82,110,167)
```
#486bb1
```
#486bb1 rgb(72,107,177)
```
#3e68bb
```
#3e68bb rgb(62,104,187)
```
#3565c4
```
#3565c4 rgb(53,101,196)
```
#2b61ce
```
#2b61ce rgb(43,97,206)
```
#225ed7
```
#225ed7 rgb(34,94,215)
```
#185be1
```
#185be1 rgb(24,91,225)
```
#0f58ea
```
#0f58ea rgb(15,88,234)
```
#0555f4
```
#0555f4 rgb(5,85,244)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#626977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5771b4 Protanopia 1% of men
#4874b4 Deuteranopia 1% of men
#377d86 Tritanopia 0.001% of the population

Trichromacy

#516fb3 Protanomaly 1% of men, 0.01% of women
#4870b3 Deuteranomaly 6% of men, 0.4% of women
#3d7695 Tritanomaly 0.01% of the population

#486bb1 hex color

#486bb1 Color Information

#486bb1 Color Conversion

Color Schemes with #486bb1

Alternatives to #486bb1

#486bb1 Preview

Shades and Tints of #486bb1

Tones of #486bb1

Color Blindness Simulator