#485ab4 hex color

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

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

● #485ab4 color description : Moderate blue.

The hexadecimal color #485ab4 has RGB values of R:72, G:90, B:180 and CMYK values of C:0.6, M:0.5, Y:0, K:0.29. Its decimal value is 4741812.

Hex triplet	485ab4	`#485ab4`
RGB Decimal	72, 90, 180	`rgb(72,90,180)`
RGB Percent	28.2, 35.3, 70.6	`rgb(28.2%,35.3%,70.6%)`
CMYK	60, 50, 0, 29
HSL	230°, 42.9, 49.4	`hsl(230,42.9%,49.4%)`
HSV (or HSB)	230°, 60, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.192, 21.049, -50.063
XYZ	14.565, 11.985, 44.723
xyY	0.204, 0.168, 11.985
CIE-LCH	41.192, 54.308, 292.804
CIE-LUV	41.192, -10.971, -74.966
Hunter-Lab	34.619, 14.517, -52.362
Binary	01001000, 01011010, 10110100

#485ab4
```
#485ab4 rgb(72,90,180)
```
#b4a248
```
#b4a248 rgb(180,162,72)
```

Complementary Color

#4890b4
```
#4890b4 rgb(72,144,180)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#6c48b4
```
#6c48b4 rgb(108,72,180)
```

Analogous Color

#90b448
```
#90b448 rgb(144,180,72)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#b46c48
```
#b46c48 rgb(180,108,72)
```

Split Complementary Color

#5ab448
```
#5ab448 rgb(90,180,72)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#b4485a
```
#b4485a rgb(180,72,90)
```

Triadic Color

#48b4a2
```
#48b4a2 rgb(72,180,162)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#b4485a
```
#b4485a rgb(180,72,90)
```
#b4a248
```
#b4a248 rgb(180,162,72)
```

Tetradic Color

#323f7d
```
#323f7d rgb(50,63,125)
```
#394890
```
#394890 rgb(57,72,144)
```
#4151a2
```
#4151a2 rgb(65,81,162)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#596abd
```
#596abd rgb(89,106,189)
```
#6b7ac4
```
#6b7ac4 rgb(107,122,196)
```
#7d8acb
```
#7d8acb rgb(125,138,203)
```

Monochromatic Color

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

#4875b4
```
#4875b4 rgb(72,117,180)
```
#486cb4
```
#486cb4 rgb(72,108,180)
```
#4863b4
```
#4863b4 rgb(72,99,180)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#4851b4
```
#4851b4 rgb(72,81,180)
```
#4848b4
```
#4848b4 rgb(72,72,180)
```
#5148b4
```
#5148b4 rgb(81,72,180)
```

Similar Colors

Text with hexadecimal color #485ab4

This text has a font color of #485ab4.

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

#485ab4 background color

This paragraph has a background color of #485ab4.

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

#485ab4 border color

This element has a border color of #485ab4.

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

CSS codes

.text {color:#485ab4;}

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

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

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)
```
#263060
```
#263060 rgb(38,48,96)
```
#2c376e
```
#2c376e rgb(44,55,110)
```
#323e7c
```
#323e7c rgb(50,62,124)
```
#37458a
```
#37458a rgb(55,69,138)
```
#3d4c98
```
#3d4c98 rgb(61,76,152)
```
#4253a6
```
#4253a6 rgb(66,83,166)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```

Shade Color Variation

#5566bb
```
#5566bb rgb(85,102,187)
```
#6372c0
```
#6372c0 rgb(99,114,192)
```
#717fc6
```
#717fc6 rgb(113,127,198)
```
#7f8ccc
```
#7f8ccc rgb(127,140,204)
```
#8d98d1
```
#8d98d1 rgb(141,152,209)
```
#9ba5d7
```
#9ba5d7 rgb(155,165,215)
```
#a9b1dd
```
#a9b1dd rgb(169,177,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)
```
#eff0f9
```
#eff0f9 rgb(239,240,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 #042df8 is the most saturated one.

#787a84
```
#787a84 rgb(120,122,132)
```
#6f748d
```
#6f748d rgb(111,116,141)
```
#656d97
```
#656d97 rgb(101,109,151)
```
#5b67a1
```
#5b67a1 rgb(91,103,161)
```
#5260aa
```
#5260aa rgb(82,96,170)
```
#485ab4
```
#485ab4 rgb(72,90,180)
```
#3e54be
```
#3e54be rgb(62,84,190)
```
#354dc7
```
#354dc7 rgb(53,77,199)
```
#2b47d1
```
#2b47d1 rgb(43,71,209)
```
#2140db
```
#2140db rgb(33,64,219)
```
#183ae4
```
#183ae4 rgb(24,58,228)
```
#0e33ee
```
#0e33ee rgb(14,51,238)
```
#042df8
```
#042df8 rgb(4,45,248)
```

Tone Color Variation

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

#3566bb Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#2c727a Tritanopia 0.001% of the population

Trichromacy

#3c61b8 Protanomaly 1% of men, 0.01% of women
#1a64b3 Deuteranomaly 6% of men, 0.4% of women
#36698f Tritanomaly 0.01% of the population

#485ab4 hex color

#485ab4 Color Information

#485ab4 Color Conversion

Color Schemes with #485ab4

Alternatives to #485ab4

#485ab4 Preview

Shades and Tints of #485ab4

Tones of #485ab4

Color Blindness Simulator