#484c8a hex color

In a RGB color space, hex #484c8a is composed of 28.2% red, 29.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 44.9% magenta, 0% yellow and 45.9% black. It has a hue angle of 236.4 degrees, a saturation of 31.4% and a lightness of 41.2%. #484c8a color hex could be obtained by blending #9098ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 30
- B 54
RGB color chart
- C 48
- M 45
- Y 0
- K 46
CMYK color chart

● #484c8a color description : Dark moderate blue.

The hexadecimal color #484c8a has RGB values of R:72, G:76, B:138 and CMYK values of C:0.48, M:0.45, Y:0, K:0.46. Its decimal value is 4738186.

Hex triplet	484c8a	`#484c8a`
RGB Decimal	72, 76, 138	`rgb(72,76,138)`
RGB Percent	28.2, 29.8, 54.1	`rgb(28.2%,29.8%,54.1%)`
CMYK	48, 45, 0, 46
HSL	236.4°, 31.4, 41.2	`hsl(236.4,31.4%,41.2%)`
HSV (or HSB)	236.4°, 47.8, 54.1
Web Safe	333399	`#333399`

CIE-LAB	34.765, 15.991, -35.175
XYZ	9.843, 8.381, 25.142
xyY	0.227, 0.193, 8.381
CIE-LCH	34.765, 38.64, 294.448
CIE-LUV	34.765, -5.073, -50.086
Hunter-Lab	28.95, 10.029, -31.226
Binary	01001000, 01001100, 10001010

#484c8a
```
#484c8a rgb(72,76,138)
```
#8a8648
```
#8a8648 rgb(138,134,72)
```

Complementary Color

#486d8a
```
#486d8a rgb(72,109,138)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#65488a
```
#65488a rgb(101,72,138)
```

Analogous Color

#6d8a48
```
#6d8a48 rgb(109,138,72)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#8a6548
```
#8a6548 rgb(138,101,72)
```

Split Complementary Color

#4c8a48
```
#4c8a48 rgb(76,138,72)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#8a484c
```
#8a484c rgb(138,72,76)
```

Triadic Color

#488a86
```
#488a86 rgb(72,138,134)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#8a484c
```
#8a484c rgb(138,72,76)
```
#8a8648
```
#8a8648 rgb(138,134,72)
```

Tetradic Color

#2e3058
```
#2e3058 rgb(46,48,88)
```
#373a68
```
#373a68 rgb(55,58,104)
```
#3f4379
```
#3f4379 rgb(63,67,121)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#51559b
```
#51559b rgb(81,85,155)
```
#5b60aa
```
#5b60aa rgb(91,96,170)
```
#6c70b2
```
#6c70b2 rgb(108,112,178)
```

Monochromatic Color

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

#485d8a
```
#485d8a rgb(72,93,138)
```
#48578a
```
#48578a rgb(72,87,138)
```
#48528a
```
#48528a rgb(72,82,138)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#4a488a
```
#4a488a rgb(74,72,138)
```
#4f488a
```
#4f488a rgb(79,72,138)
```
#55488a
```
#55488a rgb(85,72,138)
```

Similar Colors

Text with hexadecimal color #484c8a

This text has a font color of #484c8a.

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

#484c8a background color

This paragraph has a background color of #484c8a.

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

#484c8a border color

This element has a border color of #484c8a.

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

CSS codes

.text {color:#484c8a;}

.background {background-color:#484c8a;}

.border {border:1px solid #484c8a;}

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

#050509
```
#050509 rgb(5,5,9)
```
#0b0c16
```
#0b0c16 rgb(11,12,22)
```
#121323
```
#121323 rgb(18,19,35)
```
#191a30
```
#191a30 rgb(25,26,48)
```
#20213d
```
#20213d rgb(32,33,61)
```
#26294a
```
#26294a rgb(38,41,74)
```
#2d3056
```
#2d3056 rgb(45,48,86)
```
#343763
```
#343763 rgb(52,55,99)
```
#3b3e70
```
#3b3e70 rgb(59,62,112)
```
#41457d
```
#41457d rgb(65,69,125)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#4f5397
```
#4f5397 rgb(79,83,151)
```
#555aa4
```
#555aa4 rgb(85,90,164)
```

Shade Color Variation

#6165ac
```
#6165ac rgb(97,101,172)
```
#6d72b3
```
#6d72b3 rgb(109,114,179)
```
#7a7eba
```
#7a7eba rgb(122,126,186)
```
#878bc0
```
#878bc0 rgb(135,139,192)
```
#9497c7
```
#9497c7 rgb(148,151,199)
```
#a1a4ce
```
#a1a4ce rgb(161,164,206)
```
#aeb0d5
```
#aeb0d5 rgb(174,176,213)
```
#bbbddb
```
#bbbddb rgb(187,189,219)
```
#c8c9e2
```
#c8c9e2 rgb(200,201,226)
```
#d5d6e9
```
#d5d6e9 rgb(213,214,233)
```
#e1e2f0
```
#e1e2f0 rgb(225,226,240)
```
#eeeff6
```
#eeeff6 rgb(238,239,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#68686a
```
#68686a rgb(104,104,106)
```
#606172
```
#606172 rgb(96,97,114)
```
#585a7a
```
#585a7a rgb(88,90,122)
```
#505382
```
#505382 rgb(80,83,130)
```
#484c8a
```
#484c8a rgb(72,76,138)
```
#404592
```
#404592 rgb(64,69,146)
```
#383e9a
```
#383e9a rgb(56,62,154)
```
#3037a2
```
#3037a2 rgb(48,55,162)
```
#2830aa
```
#2830aa rgb(40,48,170)
```
#2029b2
```
#2029b2 rgb(32,41,178)
```
#1821ba
```
#1821ba rgb(24,33,186)
```
#0f1ac3
```
#0f1ac3 rgb(15,26,195)
```
#0713cb
```
#0713cb rgb(7,19,203)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#50515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5892 Protanopia 1% of men
#375b8d Deuteranopia 1% of men
#425f66 Tritanopia 0.001% of the population

Trichromacy

#42548f Protanomaly 1% of men, 0.01% of women
#3d558c Deuteranomaly 6% of men, 0.4% of women
#445873 Tritanomaly 0.01% of the population

#484c8a hex color

#484c8a Color Information

#484c8a Color Conversion

Color Schemes with #484c8a

Alternatives to #484c8a

#484c8a Preview

Shades and Tints of #484c8a

Tones of #484c8a

Color Blindness Simulator