#485e82 hex color

In a RGB color space, hex #485e82 is composed of 28.2% red, 36.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 27.7% magenta, 0% yellow and 49% black. It has a hue angle of 217.2 degrees, a saturation of 28.7% and a lightness of 39.6%. #485e82 color hex could be obtained by blending #90bcff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 37
- B 51
RGB color chart
- C 45
- M 28
- Y 0
- K 49
CMYK color chart

● #485e82 color description : Mostly desaturated dark blue.

The hexadecimal color #485e82 has RGB values of R:72, G:94, B:130 and CMYK values of C:0.45, M:0.28, Y:0, K:0.49. Its decimal value is 4742786.

Hex triplet	485e82	`#485e82`
RGB Decimal	72, 94, 130	`rgb(72,94,130)`
RGB Percent	28.2, 36.9, 51	`rgb(28.2%,36.9%,51%)`
CMYK	45, 28, 0, 49
HSL	217.2°, 28.7, 39.6	`hsl(217.2,28.7%,39.6%)`
HSV (or HSB)	217.2°, 44.6, 51
Web Safe	336699	`#336699`

CIE-LAB	39.571, 1.923, -22.737
XYZ	10.704, 10.994, 22.676
xyY	0.241, 0.248, 10.994
CIE-LCH	39.571, 22.818, 274.835
CIE-LUV	39.571, -11.378, -32.007
Hunter-Lab	33.158, -0.405, -17.337
Binary	01001000, 01011110, 10000010

#485e82
```
#485e82 rgb(72,94,130)
```
#826c48
```
#826c48 rgb(130,108,72)
```

Complementary Color

#487b82
```
#487b82 rgb(72,123,130)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#4f4882
```
#4f4882 rgb(79,72,130)
```

Analogous Color

#7b8248
```
#7b8248 rgb(123,130,72)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#824f48
```
#824f48 rgb(130,79,72)
```

Split Complementary Color

#5e8248
```
#5e8248 rgb(94,130,72)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#82485e
```
#82485e rgb(130,72,94)
```

Triadic Color

#48826c
```
#48826c rgb(72,130,108)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#82485e
```
#82485e rgb(130,72,94)
```
#826c48
```
#826c48 rgb(130,108,72)
```

Tetradic Color

#2d3a51
```
#2d3a51 rgb(45,58,81)
```
#364661
```
#364661 rgb(54,70,97)
```
#3f5272
```
#3f5272 rgb(63,82,114)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#516a92
```
#516a92 rgb(81,106,146)
```
#5a76a3
```
#5a76a3 rgb(90,118,163)
```
#6a83ac
```
#6a83ac rgb(106,131,172)
```

Monochromatic Color

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

#486d82
```
#486d82 rgb(72,109,130)
```
#486882
```
#486882 rgb(72,104,130)
```
#486382
```
#486382 rgb(72,99,130)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#485982
```
#485982 rgb(72,89,130)
```
#485482
```
#485482 rgb(72,84,130)
```
#485082
```
#485082 rgb(72,80,130)
```

Similar Colors

Text with hexadecimal color #485e82

This text has a font color of #485e82.

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

#485e82 background color

This paragraph has a background color of #485e82.

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

#485e82 border color

This element has a border color of #485e82.

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

CSS codes

.text {color:#485e82;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090c10
```
#090c10 rgb(9,12,16)
```
#10151d
```
#10151d rgb(16,21,29)
```
#171e2a
```
#171e2a rgb(23,30,42)
```
#1e2736
```
#1e2736 rgb(30,39,54)
```
#253043
```
#253043 rgb(37,48,67)
```
#2c3950
```
#2c3950 rgb(44,57,80)
```
#33435c
```
#33435c rgb(51,67,92)
```
#3a4c69
```
#3a4c69 rgb(58,76,105)
```
#415575
```
#415575 rgb(65,85,117)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#4f678f
```
#4f678f rgb(79,103,143)
```
#56709b
```
#56709b rgb(86,112,155)
```

Shade Color Variation

#5f7aa6
```
#5f7aa6 rgb(95,122,166)
```
#6b84ad
```
#6b84ad rgb(107,132,173)
```
#788fb4
```
#788fb4 rgb(120,143,180)
```
#8599bb
```
#8599bb rgb(133,153,187)
```
#91a4c2
```
#91a4c2 rgb(145,164,194)
```
#9eaec9
```
#9eaec9 rgb(158,174,201)
```
#aab9d0
```
#aab9d0 rgb(170,185,208)
```
#b7c3d7
```
#b7c3d7 rgb(183,195,215)
```
#c4cede
```
#c4cede rgb(196,206,222)
```
#d0d8e5
```
#d0d8e5 rgb(208,216,229)
```
#dde3ec
```
#dde3ec rgb(221,227,236)
```
#eaedf3
```
#eaedf3 rgb(234,237,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f646b is the less saturated color, while #024dc8 is the most saturated one.

#5f646b
```
#5f646b rgb(95,100,107)
```
#586272
```
#586272 rgb(88,98,114)
```
#50607a
```
#50607a rgb(80,96,122)
```
#485e82
```
#485e82 rgb(72,94,130)
```
#405c8a
```
#405c8a rgb(64,92,138)
```
#385a92
```
#385a92 rgb(56,90,146)
```
#315899
```
#315899 rgb(49,88,153)
```
#2956a1
```
#2956a1 rgb(41,86,161)
```
#2155a9
```
#2155a9 rgb(33,85,169)
```
#1953b1
```
#1953b1 rgb(25,83,177)
```
#1251b8
```
#1251b8 rgb(18,81,184)
```
#0a4fc0
```
#0a4fc0 rgb(10,79,192)
```
#024dc8
```
#024dc8 rgb(2,77,200)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#585c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6487 Protanopia 1% of men
#586489 Deuteranopia 1% of men
#496a72 Tritanopia 0.001% of the population

Trichromacy

#536285 Protanomaly 1% of men, 0.01% of women
#526286 Deuteranomaly 6% of men, 0.4% of women
#496678 Tritanomaly 0.01% of the population

#485e82 hex color

#485e82 Color Information

#485e82 Color Conversion

Color Schemes with #485e82

Alternatives to #485e82

#485e82 Preview

Shades and Tints of #485e82

Tones of #485e82

Color Blindness Simulator