#485aa3 hex color

In a RGB color space, hex #485aa3 is composed of 28.2% red, 35.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 44.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 228.1 degrees, a saturation of 38.7% and a lightness of 46.1%. #485aa3 color hex could be obtained by blending #90b4ff with #000047. 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

● #485aa3 color description : Dark moderate blue.

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

Hex triplet	485aa3	`#485aa3`
RGB Decimal	72, 90, 163	`rgb(72,90,163)`
RGB Percent	28.2, 35.3, 63.9	`rgb(28.2%,35.3%,63.9%)`
CMYK	56, 45, 0, 36
HSL	228.1°, 38.7, 46.1	`hsl(228.1,38.7%,46.1%)`
HSV (or HSB)	228.1°, 55.8, 63.9
Web Safe	336699	`#336699`

CIE-LAB	40.137, 15.236, -41.705
XYZ	12.938, 11.334, 36.154
xyY	0.214, 0.188, 11.334
CIE-LCH	40.137, 44.401, 290.068
CIE-LUV	40.137, -10.563, -61.725
Hunter-Lab	33.666, 9.685, -40.107
Binary	01001000, 01011010, 10100011

#485aa3
```
#485aa3 rgb(72,90,163)
```
#a39148
```
#a39148 rgb(163,145,72)
```

Complementary Color

#4888a3
```
#4888a3 rgb(72,136,163)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#6448a3
```
#6448a3 rgb(100,72,163)
```

Analogous Color

#88a348
```
#88a348 rgb(136,163,72)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#a36448
```
#a36448 rgb(163,100,72)
```

Split Complementary Color

#5aa348
```
#5aa348 rgb(90,163,72)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#a3485a
```
#a3485a rgb(163,72,90)
```

Triadic Color

#48a391
```
#48a391 rgb(72,163,145)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#a3485a
```
#a3485a rgb(163,72,90)
```
#a39148
```
#a39148 rgb(163,145,72)
```

Tetradic Color

#313d6e
```
#313d6e rgb(49,61,110)
```
#384680
```
#384680 rgb(56,70,128)
```
#405091
```
#405091 rgb(64,80,145)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#5265b3
```
#5265b3 rgb(82,101,179)
```
#6475ba
```
#6475ba rgb(100,117,186)
```
#7585c2
```
#7585c2 rgb(117,133,194)
```

Monochromatic Color

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

#4871a3
```
#4871a3 rgb(72,113,163)
```
#4869a3
```
#4869a3 rgb(72,105,163)
```
#4862a3
```
#4862a3 rgb(72,98,163)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#4852a3
```
#4852a3 rgb(72,82,163)
```
#484ba3
```
#484ba3 rgb(72,75,163)
```
#4d48a3
```
#4d48a3 rgb(77,72,163)
```

Similar Colors

Text with hexadecimal color #485aa3

This text has a font color of #485aa3.

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

#485aa3 background color

This paragraph has a background color of #485aa3.

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

#485aa3 border color

This element has a border color of #485aa3.

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

CSS codes

.text {color:#485aa3;}

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

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

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, #06070d is the darkest color, while #ffffff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0c0f1b
```
#0c0f1b rgb(12,15,27)
```
#121629
```
#121629 rgb(18,22,41)
```
#181e36
```
#181e36 rgb(24,30,54)
```
#1e2544
```
#1e2544 rgb(30,37,68)
```
#242d51
```
#242d51 rgb(36,45,81)
```
#2a345f
```
#2a345f rgb(42,52,95)
```
#303c6d
```
#303c6d rgb(48,60,109)
```
#36437a
```
#36437a rgb(54,67,122)
```
#3c4b88
```
#3c4b88 rgb(60,75,136)
```
#425295
```
#425295 rgb(66,82,149)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#4e62b1
```
#4e62b1 rgb(78,98,177)
```

Shade Color Variation

#5b6eb7
```
#5b6eb7 rgb(91,110,183)
```
#697abd
```
#697abd rgb(105,122,189)
```
#7786c3
```
#7786c3 rgb(119,134,195)
```
#8492c9
```
#8492c9 rgb(132,146,201)
```
#929ecf
```
#929ecf rgb(146,158,207)
```
#9faad5
```
#9faad5 rgb(159,170,213)
```
#adb6db
```
#adb6db rgb(173,182,219)
```
#bbc2e1
```
#bbc2e1 rgb(187,194,225)
```
#c8cee7
```
#c8cee7 rgb(200,206,231)
```
#d6daed
```
#d6daed rgb(214,218,237)
```
#e4e7f3
```
#e4e7f3 rgb(228,231,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c707f
```
#6c707f rgb(108,112,127)
```
#636a88
```
#636a88 rgb(99,106,136)
```
#5a6591
```
#5a6591 rgb(90,101,145)
```
#515f9a
```
#515f9a rgb(81,95,154)
```
#485aa3
```
#485aa3 rgb(72,90,163)
```
#3f55ac
```
#3f55ac rgb(63,85,172)
```
#364fb5
```
#364fb5 rgb(54,79,181)
```
#2d4abe
```
#2d4abe rgb(45,74,190)
```
#2444c7
```
#2444c7 rgb(36,68,199)
```
#1b3fd0
```
#1b3fd0 rgb(27,63,208)
```
#1239d9
```
#1239d9 rgb(18,57,217)
```
#0934e2
```
#0934e2 rgb(9,52,226)
```

Tone Color Variation

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

#4564a9 Protanopia 1% of men
#3567a5 Deuteranopia 1% of men
#396e76 Tritanopia 0.001% of the population

Trichromacy

#4660a7 Protanomaly 1% of men, 0.01% of women
#3c62a4 Deuteranomaly 6% of men, 0.4% of women
#3e6686 Tritanomaly 0.01% of the population

#485aa3 hex color

#485aa3 Color Information

#485aa3 Color Conversion

Color Schemes with #485aa3

Alternatives to #485aa3

#485aa3 Preview

Shades and Tints of #485aa3

Tones of #485aa3

Color Blindness Simulator