#484888 hex color

In a RGB color space, hex #484888 is composed of 28.2% red, 28.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 47.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 240 degrees, a saturation of 30.8% and a lightness of 40.8%. #484888 color hex could be obtained by blending #9090ff with #000011. Closest websafe color is: #333399.

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

● #484888 color description : Dark moderate blue.

The hexadecimal color #484888 has RGB values of R:72, G:72, B:136 and CMYK values of C:0.47, M:0.47, Y:0, K:0.47. Its decimal value is 4737160.

Hex triplet	484888	`#484888`
RGB Decimal	72, 72, 136	`rgb(72,72,136)`
RGB Percent	28.2, 28.2, 53.3	`rgb(28.2%,28.2%,53.3%)`
CMYK	47, 47, 0, 47
HSL	240°, 30.8, 40.8	`hsl(240,30.8%,40.8%)`
HSV (or HSB)	240°, 47.1, 53.3
Web Safe	333399	`#333399`

CIE-LAB	33.541, 17.954, -35.895
XYZ	9.433, 7.79, 24.298
xyY	0.227, 0.188, 7.79
CIE-LCH	33.541, 40.135, 296.574
CIE-LUV	33.541, -3.662, -50.729
Hunter-Lab	27.91, 11.486, -32.079
Binary	01001000, 01001000, 10001000

#484888
```
#484888 rgb(72,72,136)
```
#888848
```
#888848 rgb(136,136,72)
```

Complementary Color

#486888
```
#486888 rgb(72,104,136)
```
#484888
```
#484888 rgb(72,72,136)
```
#684888
```
#684888 rgb(104,72,136)
```

Analogous Color

#688848
```
#688848 rgb(104,136,72)
```
#484888
```
#484888 rgb(72,72,136)
```
#886848
```
#886848 rgb(136,104,72)
```

Split Complementary Color

#488848
```
#488848 rgb(72,136,72)
```
#484888
```
#484888 rgb(72,72,136)
```
#884848
```
#884848 rgb(136,72,72)
```

Triadic Color

#488888
```
#488888 rgb(72,136,136)
```
#484888
```
#484888 rgb(72,72,136)
```
#884848
```
#884848 rgb(136,72,72)
```
#888848
```
#888848 rgb(136,136,72)
```

Tetradic Color

#2e2e56
```
#2e2e56 rgb(46,46,86)
```
#363667
```
#363667 rgb(54,54,103)
```
#3f3f77
```
#3f3f77 rgb(63,63,119)
```
#484888
```
#484888 rgb(72,72,136)
```
#515199
```
#515199 rgb(81,81,153)
```
#5b5ba8
```
#5b5ba8 rgb(91,91,168)
```
#6c6cb1
```
#6c6cb1 rgb(108,108,177)
```

Monochromatic Color

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

#485888
```
#485888 rgb(72,88,136)
```
#485388
```
#485388 rgb(72,83,136)
```
#484d88
```
#484d88 rgb(72,77,136)
```
#484888
```
#484888 rgb(72,72,136)
```
#4d4888
```
#4d4888 rgb(77,72,136)
```
#534888
```
#534888 rgb(83,72,136)
```
#584888
```
#584888 rgb(88,72,136)
```

Similar Colors

Text with hexadecimal color #484888

This text has a font color of #484888.

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

#484888 background color

This paragraph has a background color of #484888.

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

#484888 border color

This element has a border color of #484888.

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

CSS codes

.text {color:#484888;}

.background {background-color:#484888;}

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0b0b15
```
#0b0b15 rgb(11,11,21)
```
#121221
```
#121221 rgb(18,18,33)
```
#18182e
```
#18182e rgb(24,24,46)
```
#1f1f3b
```
#1f1f3b rgb(31,31,59)
```
#262648
```
#262648 rgb(38,38,72)
```
#2d2d55
```
#2d2d55 rgb(45,45,85)
```
#343462
```
#343462 rgb(52,52,98)
```
#3a3a6e
```
#3a3a6e rgb(58,58,110)
```
#41417b
```
#41417b rgb(65,65,123)
```
#484888
```
#484888 rgb(72,72,136)
```
#4f4f95
```
#4f4f95 rgb(79,79,149)
```
#5656a2
```
#5656a2 rgb(86,86,162)
```

Shade Color Variation

#6060ab
```
#6060ab rgb(96,96,171)
```
#6d6db2
```
#6d6db2 rgb(109,109,178)
```
#7a7ab8
```
#7a7ab8 rgb(122,122,184)
```
#8686bf
```
#8686bf rgb(134,134,191)
```
#9393c6
```
#9393c6 rgb(147,147,198)
```
#a0a0cd
```
#a0a0cd rgb(160,160,205)
```
#adadd4
```
#adadd4 rgb(173,173,212)
```
#babada
```
#babada rgb(186,186,218)
```
#c7c7e1
```
#c7c7e1 rgb(199,199,225)
```
#d3d3e8
```
#d3d3e8 rgb(211,211,232)
```
#e0e0ef
```
#e0e0ef rgb(224,224,239)
```
#ededf6
```
#ededf6 rgb(237,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#606070
```
#606070 rgb(96,96,112)
```
#585878
```
#585878 rgb(88,88,120)
```
#505080
```
#505080 rgb(80,80,128)
```
#484888
```
#484888 rgb(72,72,136)
```
#404090
```
#404090 rgb(64,64,144)
```
#383898
```
#383898 rgb(56,56,152)
```
#3030a0
```
#3030a0 rgb(48,48,160)
```
#2828a8
```
#2828a8 rgb(40,40,168)
```
#2020b0
```
#2020b0 rgb(32,32,176)
```
#1818b8
```
#1818b8 rgb(24,24,184)
```
#1010c0
```
#1010c0 rgb(16,16,192)
```
#0808c8
```
#0808c8 rgb(8,8,200)
```
#0000d0
```
#0000d0 rgb(0,0,208)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4e4e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5691 Protanopia 1% of men
#32588b Deuteranopia 1% of men
#425c62 Tritanopia 0.001% of the population

Trichromacy

#3f508e Protanomaly 1% of men, 0.01% of women
#3a528a Deuteranomaly 6% of men, 0.4% of women
#445470 Tritanomaly 0.01% of the population

#484888 hex color

#484888 Color Information

#484888 Color Conversion

Color Schemes with #484888

Alternatives to #484888

#484888 Preview

Shades and Tints of #484888

Tones of #484888

Color Blindness Simulator