#485bb4 hex color

In a RGB color space, hex #485bb4 is composed of 28.2% red, 35.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 49.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 229.4 degrees, a saturation of 42.9% and a lightness of 49.4%. #485bb4 color hex could be obtained by blending #90b6ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 71
RGB color chart
- C 60
- M 49
- Y 0
- K 29
CMYK color chart

● #485bb4 color description : Moderate blue.

The hexadecimal color #485bb4 has RGB values of R:72, G:91, B:180 and CMYK values of C:0.6, M:0.49, Y:0, K:0.29. Its decimal value is 4742068.

Hex triplet	485bb4	`#485bb4`
RGB Decimal	72, 91, 180	`rgb(72,91,180)`
RGB Percent	28.2, 35.7, 70.6	`rgb(28.2%,35.7%,70.6%)`
CMYK	60, 49, 0, 29
HSL	229.4°, 42.9, 49.4	`hsl(229.4,42.9%,49.4%)`
HSV (or HSB)	229.4°, 60, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.461, 20.409, -49.631
XYZ	14.65, 12.154, 44.752
xyY	0.205, 0.17, 12.154
CIE-LCH	41.461, 53.663, 292.353
CIE-LUV	41.461, -11.274, -74.42
Hunter-Lab	34.863, 13.998, -51.702
Binary	01001000, 01011011, 10110100

#485bb4
```
#485bb4 rgb(72,91,180)
```
#b4a148
```
#b4a148 rgb(180,161,72)
```

Complementary Color

#4891b4
```
#4891b4 rgb(72,145,180)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#6b48b4
```
#6b48b4 rgb(107,72,180)
```

Analogous Color

#91b448
```
#91b448 rgb(145,180,72)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#b46b48
```
#b46b48 rgb(180,107,72)
```

Split Complementary Color

#5bb448
```
#5bb448 rgb(91,180,72)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#b4485b
```
#b4485b rgb(180,72,91)
```

Triadic Color

#48b4a1
```
#48b4a1 rgb(72,180,161)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#b4485b
```
#b4485b rgb(180,72,91)
```
#b4a148
```
#b4a148 rgb(180,161,72)
```

Tetradic Color

#323f7d
```
#323f7d rgb(50,63,125)
```
#394990
```
#394990 rgb(57,73,144)
```
#4152a2
```
#4152a2 rgb(65,82,162)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#596abd
```
#596abd rgb(89,106,189)
```
#6b7bc4
```
#6b7bc4 rgb(107,123,196)
```
#7d8bcb
```
#7d8bcb rgb(125,139,203)
```

Monochromatic Color

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

#4876b4
```
#4876b4 rgb(72,118,180)
```
#486db4
```
#486db4 rgb(72,109,180)
```
#4864b4
```
#4864b4 rgb(72,100,180)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#4852b4
```
#4852b4 rgb(72,82,180)
```
#4849b4
```
#4849b4 rgb(72,73,180)
```
#5048b4
```
#5048b4 rgb(80,72,180)
```

Similar Colors

Text with hexadecimal color #485bb4

This text has a font color of #485bb4.

<span style="color:#485bb4;">Text here</span>

#485bb4 background color

This paragraph has a background color of #485bb4.

<p style="background-color:#485bb4;">Content here</p>

#485bb4 border color

This element has a border color of #485bb4.

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

CSS codes

.text {color:#485bb4;}

.background {background-color:#485bb4;}

.border {border:1px solid #485bb4;}

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0a0d1a
```
#0a0d1a rgb(10,13,26)
```
#101428
```
#101428 rgb(16,20,40)
```
#161b36
```
#161b36 rgb(22,27,54)
```
#1b2244
```
#1b2244 rgb(27,34,68)
```
#212952
```
#212952 rgb(33,41,82)
```
#263160
```
#263160 rgb(38,49,96)
```
#2c386e
```
#2c386e rgb(44,56,110)
```
#323f7c
```
#323f7c rgb(50,63,124)
```
#37468a
```
#37468a rgb(55,70,138)
```
#3d4d98
```
#3d4d98 rgb(61,77,152)
```
#4254a6
```
#4254a6 rgb(66,84,166)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```

Shade Color Variation

#5567bb
```
#5567bb rgb(85,103,187)
```
#6373c0
```
#6373c0 rgb(99,115,192)
```
#7180c6
```
#7180c6 rgb(113,128,198)
```
#7f8ccc
```
#7f8ccc rgb(127,140,204)
```
#8d99d1
```
#8d99d1 rgb(141,153,209)
```
#9ba5d7
```
#9ba5d7 rgb(155,165,215)
```
#a9b2dd
```
#a9b2dd rgb(169,178,221)
```
#b7bee2
```
#b7bee2 rgb(183,190,226)
```
#c5cbe8
```
#c5cbe8 rgb(197,203,232)
```
#d3d7ed
```
#d3d7ed rgb(211,215,237)
```
#e1e4f3
```
#e1e4f3 rgb(225,228,243)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#787a84
```
#787a84 rgb(120,122,132)
```
#6f748d
```
#6f748d rgb(111,116,141)
```
#656e97
```
#656e97 rgb(101,110,151)
```
#5b68a1
```
#5b68a1 rgb(91,104,161)
```
#5261aa
```
#5261aa rgb(82,97,170)
```
#485bb4
```
#485bb4 rgb(72,91,180)
```
#3e55be
```
#3e55be rgb(62,85,190)
```
#354ec7
```
#354ec7 rgb(53,78,199)
```
#2b48d1
```
#2b48d1 rgb(43,72,209)
```
#2142db
```
#2142db rgb(33,66,219)
```
#183ce4
```
#183ce4 rgb(24,60,228)
```
#0e35ee
```
#0e35ee rgb(14,53,238)
```
#042ff8
```
#042ff8 rgb(4,47,248)
```

Tone Color Variation

Below, you can see how #485bb4 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

#5f5f5f Achromatopsia 0.005% of the population
#5a5e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3867bb Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#2c727b Tritanopia 0.001% of the population

Trichromacy

#3d62b8 Protanomaly 1% of men, 0.01% of women
#1a65b3 Deuteranomaly 6% of men, 0.4% of women
#366a8f Tritanomaly 0.01% of the population

#485bb4 hex color

#485bb4 Color Information

#485bb4 Color Conversion

Color Schemes with #485bb4

Alternatives to #485bb4

#485bb4 Preview

Shades and Tints of #485bb4

Tones of #485bb4

Color Blindness Simulator