#484c96 hex color

In a RGB color space, hex #484c96 is composed of 28.2% red, 29.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 49.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 236.9 degrees, a saturation of 35.1% and a lightness of 43.5%. #484c96 color hex could be obtained by blending #9098ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 30
- B 59
RGB color chart
- C 52
- M 49
- Y 0
- K 41
CMYK color chart

● #484c96 color description : Dark moderate blue.

The hexadecimal color #484c96 has RGB values of R:72, G:76, B:150 and CMYK values of C:0.52, M:0.49, Y:0, K:0.41. Its decimal value is 4738198.

Hex triplet	484c96	`#484c96`
RGB Decimal	72, 76, 150	`rgb(72,76,150)`
RGB Percent	28.2, 29.8, 58.8	`rgb(28.2%,29.8%,58.8%)`
CMYK	52, 49, 0, 41
HSL	236.9°, 35.1, 43.5	`hsl(236.9,35.1%,43.5%)`
HSV (or HSB)	236.9°, 52, 58.8
Web Safe	333399	`#333399`

CIE-LAB	35.495, 19.922, -41.32
XYZ	10.761, 8.748, 29.974
xyY	0.217, 0.177, 8.748
CIE-LCH	35.495, 45.872, 295.741
CIE-LUV	35.495, -5.645, -59.446
Hunter-Lab	29.577, 13.181, -39.381
Binary	01001000, 01001100, 10010110

#484c96
```
#484c96 rgb(72,76,150)
```
#969248
```
#969248 rgb(150,146,72)
```

Complementary Color

#487396
```
#487396 rgb(72,115,150)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#6b4896
```
#6b4896 rgb(107,72,150)
```

Analogous Color

#739648
```
#739648 rgb(115,150,72)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#966b48
```
#966b48 rgb(150,107,72)
```

Split Complementary Color

#4c9648
```
#4c9648 rgb(76,150,72)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#96484c
```
#96484c rgb(150,72,76)
```

Triadic Color

#489692
```
#489692 rgb(72,150,146)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#96484c
```
#96484c rgb(150,72,76)
```
#969248
```
#969248 rgb(150,146,72)
```

Tetradic Color

#2f3262
```
#2f3262 rgb(47,50,98)
```
#373b74
```
#373b74 rgb(55,59,116)
```
#404385
```
#404385 rgb(64,67,133)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#5055a7
```
#5055a7 rgb(80,85,167)
```
#5f63b2
```
#5f63b2 rgb(95,99,178)
```
#7074ba
```
#7074ba rgb(112,116,186)
```

Monochromatic Color

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

#486096
```
#486096 rgb(72,96,150)
```
#485996
```
#485996 rgb(72,89,150)
```
#485396
```
#485396 rgb(72,83,150)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#4a4896
```
#4a4896 rgb(74,72,150)
```
#514896
```
#514896 rgb(81,72,150)
```
#574896
```
#574896 rgb(87,72,150)
```

Similar Colors

Text with hexadecimal color #484c96

This text has a font color of #484c96.

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

#484c96 background color

This paragraph has a background color of #484c96.

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

#484c96 border color

This element has a border color of #484c96.

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

CSS codes

.text {color:#484c96;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080911
```
#080911 rgb(8,9,17)
```
#0f101f
```
#0f101f rgb(15,16,31)
```
#15162c
```
#15162c rgb(21,22,44)
```
#1b1d39
```
#1b1d39 rgb(27,29,57)
```
#222446
```
#222446 rgb(34,36,70)
```
#282a54
```
#282a54 rgb(40,42,84)
```
#2f3161
```
#2f3161 rgb(47,49,97)
```
#35386e
```
#35386e rgb(53,56,110)
```
#3b3f7b
```
#3b3f7b rgb(59,63,123)
```
#424589
```
#424589 rgb(66,69,137)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#4e53a3
```
#4e53a3 rgb(78,83,163)
```

Shade Color Variation

#575bae
```
#575bae rgb(87,91,174)
```
#6468b5
```
#6468b5 rgb(100,104,181)
```
#7175bb
```
#7175bb rgb(113,117,187)
```
#7f82c1
```
#7f82c1 rgb(127,130,193)
```
#8c8fc8
```
#8c8fc8 rgb(140,143,200)
```
#999cce
```
#999cce rgb(153,156,206)
```
#a6a9d4
```
#a6a9d4 rgb(166,169,212)
```
#b4b6db
```
#b4b6db rgb(180,182,219)
```
#c1c3e1
```
#c1c3e1 rgb(193,195,225)
```
#cecfe8
```
#cecfe8 rgb(206,207,232)
```
#dbdcee
```
#dbdcee rgb(219,220,238)
```
#e9e9f4
```
#e9e9f4 rgb(233,233,244)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6b74 is the less saturated color, while #040fda is the most saturated one.

#6a6b74
```
#6a6b74 rgb(106,107,116)
```
#62637c
```
#62637c rgb(98,99,124)
```
#595b85
```
#595b85 rgb(89,91,133)
```
#51548d
```
#51548d rgb(81,84,141)
```
#484c96
```
#484c96 rgb(72,76,150)
```
#3f449f
```
#3f449f rgb(63,68,159)
```
#373da7
```
#373da7 rgb(55,61,167)
```
#2e35b0
```
#2e35b0 rgb(46,53,176)
```
#262db8
```
#262db8 rgb(38,45,184)
```
#1d26c1
```
#1d26c1 rgb(29,38,193)
```
#151ec9
```
#151ec9 rgb(21,30,201)
```
#0c16d2
```
#0c16d2 rgb(12,22,210)
```
#040fda
```
#040fda rgb(4,15,218)
```

Tone Color Variation

Below, you can see how #484c96 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
#515260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#355a9f Protanopia 1% of men
#265d98 Deuteranopia 1% of men
#3c6169 Tritanopia 0.001% of the population

Trichromacy

#3c549c Protanomaly 1% of men, 0.01% of women
#325797 Deuteranomaly 6% of men, 0.4% of women
#405979 Tritanomaly 0.01% of the population

#484c96 hex color

#484c96 Color Information

#484c96 Color Conversion

Color Schemes with #484c96

Alternatives to #484c96

#484c96 Preview

Shades and Tints of #484c96

Tones of #484c96

Color Blindness Simulator