#485b84 hex color

In a RGB color space, hex #485b84 is composed of 28.2% red, 35.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 31.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 221 degrees, a saturation of 29.4% and a lightness of 40%. #485b84 color hex could be obtained by blending #90b6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 36
- B 52
RGB color chart
- C 45
- M 31
- Y 0
- K 48
CMYK color chart

● #485b84 color description : Dark moderate blue.

The hexadecimal color #485b84 has RGB values of R:72, G:91, B:132 and CMYK values of C:0.45, M:0.31, Y:0, K:0.48. Its decimal value is 4742020.

Hex triplet	485b84	`#485b84`
RGB Decimal	72, 91, 132	`rgb(72,91,132)`
RGB Percent	28.2, 35.7, 51.8	`rgb(28.2%,35.7%,51.8%)`
CMYK	45, 31, 0, 48
HSL	221°, 29.4, 40	`hsl(221,29.4%,40%)`
HSV (or HSB)	221°, 45.5, 51.8
Web Safe	336699	`#336699`

CIE-LAB	38.769, 4.427, -25.202
XYZ	10.578, 10.525, 23.303
xyY	0.238, 0.237, 10.525
CIE-LCH	38.769, 25.588, 279.963
CIE-LUV	38.769, -10.251, -35.749
Hunter-Lab	32.443, 1.422, -19.876
Binary	01001000, 01011011, 10000100

#485b84
```
#485b84 rgb(72,91,132)
```
#847148
```
#847148 rgb(132,113,72)
```

Complementary Color

#487984
```
#487984 rgb(72,121,132)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#534884
```
#534884 rgb(83,72,132)
```

Analogous Color

#798448
```
#798448 rgb(121,132,72)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#845348
```
#845348 rgb(132,83,72)
```

Split Complementary Color

#5b8448
```
#5b8448 rgb(91,132,72)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#84485b
```
#84485b rgb(132,72,91)
```

Triadic Color

#488471
```
#488471 rgb(72,132,113)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#84485b
```
#84485b rgb(132,72,91)
```
#847148
```
#847148 rgb(132,113,72)
```

Tetradic Color

#2d3953
```
#2d3953 rgb(45,57,83)
```
#364463
```
#364463 rgb(54,68,99)
```
#3f5074
```
#3f5074 rgb(63,80,116)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#516695
```
#516695 rgb(81,102,149)
```
#5a72a5
```
#5a72a5 rgb(90,114,165)
```
#6b80ae
```
#6b80ae rgb(107,128,174)
```

Monochromatic Color

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

#486a84
```
#486a84 rgb(72,106,132)
```
#486584
```
#486584 rgb(72,101,132)
```
#486084
```
#486084 rgb(72,96,132)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#485684
```
#485684 rgb(72,86,132)
```
#485184
```
#485184 rgb(72,81,132)
```
#484c84
```
#484c84 rgb(72,76,132)
```

Similar Colors

Text with hexadecimal color #485b84

This text has a font color of #485b84.

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

#485b84 background color

This paragraph has a background color of #485b84.

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

#485b84 border color

This element has a border color of #485b84.

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

CSS codes

.text {color:#485b84;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#11151e
```
#11151e rgb(17,21,30)
```
#181e2b
```
#181e2b rgb(24,30,43)
```
#1e2738
```
#1e2738 rgb(30,39,56)
```
#252f45
```
#252f45 rgb(37,47,69)
```
#2c3851
```
#2c3851 rgb(44,56,81)
```
#33415e
```
#33415e rgb(51,65,94)
```
#3a4a6b
```
#3a4a6b rgb(58,74,107)
```
#415277
```
#415277 rgb(65,82,119)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#4f6491
```
#4f6491 rgb(79,100,145)
```
#566d9d
```
#566d9d rgb(86,109,157)
```

Shade Color Variation

#5f76a8
```
#5f76a8 rgb(95,118,168)
```
#6c81af
```
#6c81af rgb(108,129,175)
```
#788cb6
```
#788cb6 rgb(120,140,182)
```
#8597bd
```
#8597bd rgb(133,151,189)
```
#92a2c3
```
#92a2c3 rgb(146,162,195)
```
#9facca
```
#9facca rgb(159,172,202)
```
#abb7d1
```
#abb7d1 rgb(171,183,209)
```
#b8c2d8
```
#b8c2d8 rgb(184,194,216)
```
#c5cddf
```
#c5cddf rgb(197,205,223)
```
#d1d8e6
```
#d1d8e6 rgb(209,216,230)
```
#dee3ed
```
#dee3ed rgb(222,227,237)
```
#ebeef4
```
#ebeef4 rgb(235,238,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60646c is the less saturated color, while #0141cb is the most saturated one.

#60646c
```
#60646c rgb(96,100,108)
```
#586174
```
#586174 rgb(88,97,116)
```
#505e7c
```
#505e7c rgb(80,94,124)
```
#485b84
```
#485b84 rgb(72,91,132)
```
#40588c
```
#40588c rgb(64,88,140)
```
#385594
```
#385594 rgb(56,85,148)
```
#30529c
```
#30529c rgb(48,82,156)
```
#294fa3
```
#294fa3 rgb(41,79,163)
```
#214dab
```
#214dab rgb(33,77,171)
```
#194ab3
```
#194ab3 rgb(25,74,179)
```
#1147bb
```
#1147bb rgb(17,71,187)
```
#0944c3
```
#0944c3 rgb(9,68,195)
```
#0141cb
```
#0141cb rgb(1,65,203)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#566289 Protanopia 1% of men
#53638a Deuteranopia 1% of men
#486870 Tritanopia 0.001% of the population

Trichromacy

#515f87 Protanomaly 1% of men, 0.01% of women
#4f6088 Deuteranomaly 6% of men, 0.4% of women
#486377 Tritanomaly 0.01% of the population

#485b84 hex color

#485b84 Color Information

#485b84 Color Conversion

Color Schemes with #485b84

Alternatives to #485b84

#485b84 Preview

Shades and Tints of #485b84

Tones of #485b84

Color Blindness Simulator