#485aa4 hex color

In a RGB color space, hex #485aa4 is composed of 28.2% red, 35.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 45.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 228.3 degrees, a saturation of 39% and a lightness of 46.3%. #485aa4 color hex could be obtained by blending #90b4ff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 35
- B 64
RGB color chart
- C 56
- M 45
- Y 0
- K 36
CMYK color chart

● #485aa4 color description : Dark moderate blue.

The hexadecimal color #485aa4 has RGB values of R:72, G:90, B:164 and CMYK values of C:0.56, M:0.45, Y:0, K:0.36. Its decimal value is 4741796.

Hex triplet	485aa4	`#485aa4`
RGB Decimal	72, 90, 164	`rgb(72,90,164)`
RGB Percent	28.2, 35.3, 64.3	`rgb(28.2%,35.3%,64.3%)`
CMYK	56, 45, 0, 36
HSL	228.3°, 39, 46.3	`hsl(228.3,39%,46.3%)`
HSV (or HSB)	228.3°, 56.1, 64.3
Web Safe	336699	`#336699`

CIE-LAB	40.196, 15.575, -42.206
XYZ	13.028, 11.37, 36.628
xyY	0.213, 0.186, 11.37
CIE-LCH	40.196, 44.988, 290.255
CIE-LUV	40.196, -10.587, -62.518
Hunter-Lab	33.719, 9.959, -40.801
Binary	01001000, 01011010, 10100100

#485aa4
```
#485aa4 rgb(72,90,164)
```
#a49248
```
#a49248 rgb(164,146,72)
```

Complementary Color

#4888a4
```
#4888a4 rgb(72,136,164)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#6448a4
```
#6448a4 rgb(100,72,164)
```

Analogous Color

#88a448
```
#88a448 rgb(136,164,72)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#a46448
```
#a46448 rgb(164,100,72)
```

Split Complementary Color

#5aa448
```
#5aa448 rgb(90,164,72)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#a4485a
```
#a4485a rgb(164,72,90)
```

Triadic Color

#48a492
```
#48a492 rgb(72,164,146)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#a4485a
```
#a4485a rgb(164,72,90)
```
#a49248
```
#a49248 rgb(164,146,72)
```

Tetradic Color

#313d6f
```
#313d6f rgb(49,61,111)
```
#384781
```
#384781 rgb(56,71,129)
```
#405092
```
#405092 rgb(64,80,146)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#5265b3
```
#5265b3 rgb(82,101,179)
```
#6475bb
```
#6475bb rgb(100,117,187)
```
#7685c3
```
#7685c3 rgb(118,133,195)
```

Monochromatic Color

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

#4871a4
```
#4871a4 rgb(72,113,164)
```
#4869a4
```
#4869a4 rgb(72,105,164)
```
#4862a4
```
#4862a4 rgb(72,98,164)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#4852a4
```
#4852a4 rgb(72,82,164)
```
#484ba4
```
#484ba4 rgb(72,75,164)
```
#4d48a4
```
#4d48a4 rgb(77,72,164)
```

Similar Colors

Text with hexadecimal color #485aa4

This text has a font color of #485aa4.

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

#485aa4 background color

This paragraph has a background color of #485aa4.

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

#485aa4 border color

This element has a border color of #485aa4.

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

CSS codes

.text {color:#485aa4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0c0f1c
```
#0c0f1c rgb(12,15,28)
```
#121729
```
#121729 rgb(18,23,41)
```
#181e37
```
#181e37 rgb(24,30,55)
```
#1e2645
```
#1e2645 rgb(30,38,69)
```
#242d52
```
#242d52 rgb(36,45,82)
```
#2a3560
```
#2a3560 rgb(42,53,96)
```
#303c6d
```
#303c6d rgb(48,60,109)
```
#36447b
```
#36447b rgb(54,68,123)
```
#3c4b89
```
#3c4b89 rgb(60,75,137)
```
#425396
```
#425396 rgb(66,83,150)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```

Shade Color Variation

#4e62b1
```
#4e62b1 rgb(78,98,177)
```
#5c6eb7
```
#5c6eb7 rgb(92,110,183)
```
#697abd
```
#697abd rgb(105,122,189)
```
#7786c3
```
#7786c3 rgb(119,134,195)
```
#8592c9
```
#8592c9 rgb(133,146,201)
```
#929ecf
```
#929ecf rgb(146,158,207)
```
#a0aad5
```
#a0aad5 rgb(160,170,213)
```
#aeb7db
```
#aeb7db rgb(174,183,219)
```
#bbc3e1
```
#bbc3e1 rgb(187,195,225)
```
#c9cfe7
```
#c9cfe7 rgb(201,207,231)
```
#d7dbed
```
#d7dbed rgb(215,219,237)
```
#e4e7f3
```
#e4e7f3 rgb(228,231,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757677 is the less saturated color, while #0833e4 is the most saturated one.

#757677
```
#757677 rgb(117,118,119)
```
#6c7080
```
#6c7080 rgb(108,112,128)
```
#636b89
```
#636b89 rgb(99,107,137)
```
#5a6592
```
#5a6592 rgb(90,101,146)
```
#51609b
```
#51609b rgb(81,96,155)
```
#485aa4
```
#485aa4 rgb(72,90,164)
```
#3f54ad
```
#3f54ad rgb(63,84,173)
```
#364fb6
```
#364fb6 rgb(54,79,182)
```
#2d49bf
```
#2d49bf rgb(45,73,191)
```
#2444c8
```
#2444c8 rgb(36,68,200)
```
#1b3ed1
```
#1b3ed1 rgb(27,62,209)
```
#1239da
```
#1239da rgb(18,57,218)
```
#0833e4
```
#0833e4 rgb(8,51,228)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#595c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4464aa Protanopia 1% of men
#3368a6 Deuteranopia 1% of men
#396e76 Tritanopia 0.001% of the population

Trichromacy

#4560a8 Protanomaly 1% of men, 0.01% of women
#3b62a5 Deuteranomaly 6% of men, 0.4% of women
#3e6787 Tritanomaly 0.01% of the population

#485aa4 hex color

#485aa4 Color Information

#485aa4 Color Conversion

Color Schemes with #485aa4

Alternatives to #485aa4

#485aa4 Preview

Shades and Tints of #485aa4

Tones of #485aa4

Color Blindness Simulator