#485a78 hex color

In a RGB color space, hex #485a78 is composed of 28.2% red, 35.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 25% magenta, 0% yellow and 52.9% black. It has a hue angle of 217.5 degrees, a saturation of 25% and a lightness of 37.6%. #485a78 color hex could be obtained by blending #90b4f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 35
- B 47
RGB color chart
- C 40
- M 25
- Y 0
- K 53
CMYK color chart

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

The hexadecimal color #485a78 has RGB values of R:72, G:90, B:120 and CMYK values of C:0.4, M:0.25, Y:0, K:0.53. Its decimal value is 4741752.

Hex triplet	485a78	`#485a78`
RGB Decimal	72, 90, 120	`rgb(72,90,120)`
RGB Percent	28.2, 35.3, 47.1	`rgb(28.2%,35.3%,47.1%)`
CMYK	40, 25, 0, 53
HSL	217.5°, 25, 37.6	`hsl(217.5,25%,37.6%)`
HSV (or HSB)	217.5°, 40, 47.1
Web Safe	336666	`#336666`

CIE-LAB	37.924, 1.37, -19.17
XYZ	9.718, 10.046, 19.195
xyY	0.249, 0.258, 10.046
CIE-LCH	37.924, 19.219, 274.089
CIE-LUV	37.924, -9.623, -26.418
Hunter-Lab	31.695, -0.736, -13.721
Binary	01001000, 01011010, 01111000

#485a78
```
#485a78 rgb(72,90,120)
```
#786648
```
#786648 rgb(120,102,72)
```

Complementary Color

#487278
```
#487278 rgb(72,114,120)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#4e4878
```
#4e4878 rgb(78,72,120)
```

Analogous Color

#727848
```
#727848 rgb(114,120,72)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#784e48
```
#784e48 rgb(120,78,72)
```

Split Complementary Color

#5a7848
```
#5a7848 rgb(90,120,72)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#78485a
```
#78485a rgb(120,72,90)
```

Triadic Color

#487866
```
#487866 rgb(72,120,102)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#78485a
```
#78485a rgb(120,72,90)
```
#786648
```
#786648 rgb(120,102,72)
```

Tetradic Color

#2b3648
```
#2b3648 rgb(43,54,72)
```
#354258
```
#354258 rgb(53,66,88)
```
#3e4e68
```
#3e4e68 rgb(62,78,104)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#526688
```
#526688 rgb(82,102,136)
```
#5b7298
```
#5b7298 rgb(91,114,152)
```
#687fa4
```
#687fa4 rgb(104,127,164)
```

Monochromatic Color

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

#486678
```
#486678 rgb(72,102,120)
```
#486278
```
#486278 rgb(72,98,120)
```
#485e78
```
#485e78 rgb(72,94,120)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#485678
```
#485678 rgb(72,86,120)
```
#485278
```
#485278 rgb(72,82,120)
```
#484e78
```
#484e78 rgb(72,78,120)
```

Similar Colors

Text with hexadecimal color #485a78

This text has a font color of #485a78.

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

#485a78 background color

This paragraph has a background color of #485a78.

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

#485a78 border color

This element has a border color of #485a78.

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

CSS codes

.text {color:#485a78;}

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

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

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

#06070a
```
#06070a rgb(6,7,10)
```
#0d1016
```
#0d1016 rgb(13,16,22)
```
#151a22
```
#151a22 rgb(21,26,34)
```
#1c232e
```
#1c232e rgb(28,35,46)
```
#232c3b
```
#232c3b rgb(35,44,59)
```
#2b3547
```
#2b3547 rgb(43,53,71)
```
#323e53
```
#323e53 rgb(50,62,83)
```
#39485f
```
#39485f rgb(57,72,95)
```
#41516c
```
#41516c rgb(65,81,108)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#4f6384
```
#4f6384 rgb(79,99,132)
```
#576c91
```
#576c91 rgb(87,108,145)
```
#5e769d
```
#5e769d rgb(94,118,157)
```

Shade Color Variation

#6980a5
```
#6980a5 rgb(105,128,165)
```
#768aad
```
#768aad rgb(118,138,173)
```
#8295b4
```
#8295b4 rgb(130,149,180)
```
#8e9fbb
```
#8e9fbb rgb(142,159,187)
```
#9aa9c3
```
#9aa9c3 rgb(154,169,195)
```
#a7b4ca
```
#a7b4ca rgb(167,180,202)
```
#b3bed1
```
#b3bed1 rgb(179,190,209)
```
#bfc9d9
```
#bfc9d9 rgb(191,201,217)
```
#cbd3e0
```
#cbd3e0 rgb(203,211,224)
```
#d8dee7
```
#d8dee7 rgb(216,222,231)
```
#e4e8ef
```
#e4e8ef rgb(228,232,239)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#5e6062
```
#5e6062 rgb(94,96,98)
```
#575e69
```
#575e69 rgb(87,94,105)
```
#4f5c71
```
#4f5c71 rgb(79,92,113)
```
#485a78
```
#485a78 rgb(72,90,120)
```
#41587f
```
#41587f rgb(65,88,127)
```
#395687
```
#395687 rgb(57,86,135)
```
#32548e
```
#32548e rgb(50,84,142)
```
#2a5396
```
#2a5396 rgb(42,83,150)
```
#23519d
```
#23519d rgb(35,81,157)
```
#1c4fa4
```
#1c4fa4 rgb(28,79,164)
```
#144dac
```
#144dac rgb(20,77,172)
```
#0d4bb3
```
#0d4bb3 rgb(13,75,179)
```
#0649ba
```
#0649ba rgb(6,73,186)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#55585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#59607d Protanopia 1% of men
#59607f Deuteranopia 1% of men
#4c666d Tritanopia 0.001% of the population

Trichromacy

#535e7b Protanomaly 1% of men, 0.01% of women
#525e7c Deuteranomaly 6% of men, 0.4% of women
#4a6171 Tritanomaly 0.01% of the population

#485a78 hex color

#485a78 Color Information

#485a78 Color Conversion

Color Schemes with #485a78

Alternatives to #485a78

#485a78 Preview

Shades and Tints of #485a78

Tones of #485a78

Color Blindness Simulator