#485178 hex color

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

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

● #485178 color description : Mostly desaturated dark blue.

The hexadecimal color #485178 has RGB values of R:72, G:81, B:120 and CMYK values of C:0.4, M:0.33, Y:0, K:0.53. Its decimal value is 4739448.

Hex triplet	485178	`#485178`
RGB Decimal	72, 81, 120	`rgb(72,81,120)`
RGB Percent	28.2, 31.8, 47.1	`rgb(28.2%,31.8%,47.1%)`
CMYK	40, 33, 0, 53
HSL	228.8°, 25, 37.6	`hsl(228.8,25%,37.6%)`
HSV (or HSB)	228.8°, 40, 47.1
Web Safe	336666	`#336666`

CIE-LAB	35.239, 7.076, -23.335
XYZ	9.004, 8.618, 18.957
xyY	0.246, 0.236, 8.618
CIE-LCH	35.239, 24.385, 286.87
CIE-LUV	35.239, -6.083, -32.468
Hunter-Lab	29.357, 3.374, -17.737
Binary	01001000, 01010001, 01111000

#485178
```
#485178 rgb(72,81,120)
```
#786f48
```
#786f48 rgb(120,111,72)
```

Complementary Color

#486978
```
#486978 rgb(72,105,120)
```
#485178
```
#485178 rgb(72,81,120)
```
#574878
```
#574878 rgb(87,72,120)
```

Analogous Color

#697848
```
#697848 rgb(105,120,72)
```
#485178
```
#485178 rgb(72,81,120)
```
#785748
```
#785748 rgb(120,87,72)
```

Split Complementary Color

#517848
```
#517848 rgb(81,120,72)
```
#485178
```
#485178 rgb(72,81,120)
```
#784851
```
#784851 rgb(120,72,81)
```

Triadic Color

#48786f
```
#48786f rgb(72,120,111)
```
#485178
```
#485178 rgb(72,81,120)
```
#784851
```
#784851 rgb(120,72,81)
```
#786f48
```
#786f48 rgb(120,111,72)
```

Tetradic Color

#2b3148
```
#2b3148 rgb(43,49,72)
```
#353b58
```
#353b58 rgb(53,59,88)
```
#3e4668
```
#3e4668 rgb(62,70,104)
```
#485178
```
#485178 rgb(72,81,120)
```
#525c88
```
#525c88 rgb(82,92,136)
```
#5b6798
```
#5b6798 rgb(91,103,152)
```
#6873a4
```
#6873a4 rgb(104,115,164)
```

Monochromatic Color

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

#485d78
```
#485d78 rgb(72,93,120)
```
#485978
```
#485978 rgb(72,89,120)
```
#485578
```
#485578 rgb(72,85,120)
```
#485178
```
#485178 rgb(72,81,120)
```
#484d78
```
#484d78 rgb(72,77,120)
```
#484978
```
#484978 rgb(72,73,120)
```
#4b4878
```
#4b4878 rgb(75,72,120)
```

Similar Colors

Text with hexadecimal color #485178

This text has a font color of #485178.

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

#485178 background color

This paragraph has a background color of #485178.

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

#485178 border color

This element has a border color of #485178.

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

CSS codes

.text {color:#485178;}

.background {background-color:#485178;}

.border {border:1px solid #485178;}

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)
```
#0d0f16
```
#0d0f16 rgb(13,15,22)
```
#151722
```
#151722 rgb(21,23,34)
```
#1c1f2e
```
#1c1f2e rgb(28,31,46)
```
#23283b
```
#23283b rgb(35,40,59)
```
#2b3047
```
#2b3047 rgb(43,48,71)
```
#323853
```
#323853 rgb(50,56,83)
```
#39405f
```
#39405f rgb(57,64,95)
```
#41496c
```
#41496c rgb(65,73,108)
```
#485178
```
#485178 rgb(72,81,120)
```
#4f5984
```
#4f5984 rgb(79,89,132)
```
#576291
```
#576291 rgb(87,98,145)
```
#5e6a9d
```
#5e6a9d rgb(94,106,157)
```

Shade Color Variation

#6975a5
```
#6975a5 rgb(105,117,165)
```
#7680ad
```
#7680ad rgb(118,128,173)
```
#828bb4
```
#828bb4 rgb(130,139,180)
```
#8e97bb
```
#8e97bb rgb(142,151,187)
```
#9aa2c3
```
#9aa2c3 rgb(154,162,195)
```
#a7adca
```
#a7adca rgb(167,173,202)
```
#b3b9d1
```
#b3b9d1 rgb(179,185,209)
```
#bfc4d9
```
#bfc4d9 rgb(191,196,217)
```
#cbcfe0
```
#cbcfe0 rgb(203,207,224)
```
#d8dbe7
```
#d8dbe7 rgb(216,219,231)
```
#e4e6ef
```
#e4e6ef rgb(228,230,239)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#5e5f62
```
#5e5f62 rgb(94,95,98)
```
#575a69
```
#575a69 rgb(87,90,105)
```
#4f5671
```
#4f5671 rgb(79,86,113)
```
#485178
```
#485178 rgb(72,81,120)
```
#414c7f
```
#414c7f rgb(65,76,127)
```
#394887
```
#394887 rgb(57,72,135)
```
#32438e
```
#32438e rgb(50,67,142)
```
#2a3f96
```
#2a3f96 rgb(42,63,150)
```
#233a9d
```
#233a9d rgb(35,58,157)
```
#1c35a4
```
#1c35a4 rgb(28,53,164)
```
#1431ac
```
#1431ac rgb(20,49,172)
```
#0d2cb3
```
#0d2cb3 rgb(13,44,179)
```
#0627ba
```
#0627ba rgb(6,39,186)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#51535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5a7f Protanopia 1% of men
#4d5b7e Deuteranopia 1% of men
#495f66 Tritanopia 0.001% of the population

Trichromacy

#4c577c Protanomaly 1% of men, 0.01% of women
#4b577c Deuteranomaly 6% of men, 0.4% of women
#495a6c Tritanomaly 0.01% of the population

#485178 hex color

#485178 Color Information

#485178 Color Conversion

Color Schemes with #485178

Alternatives to #485178

#485178 Preview

Shades and Tints of #485178

Tones of #485178

Color Blindness Simulator