colorhexa.com

#484cb9 hex color

In a RGB color space, hex #484cb9 is composed of 28.2% red, 29.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 58.9% magenta, 0% yellow and 27.5% black. It has a hue angle of 237.9 degrees, a saturation of 44.7% and a lightness of 50.4%. #484cb9 color hex could be obtained by blending #9098ff with #000073. Closest websafe color is: #3333cc.

- R 28
- G 30
- B 73
RGB color chart
- C 61
- M 59
- Y 0
- K 27
CMYK color chart

● #484cb9 color description : Moderate blue.

The hexadecimal color #484cb9 has RGB values of R:72, G:76, B:185 and CMYK values of C:0.61, M:0.59, Y:0, K:0.27. Its decimal value is 4738233.

Hex triplet	484cb9	`#484cb9`
RGB Decimal	72, 76, 185	`rgb(72,76,185)`
RGB Percent	28.2, 29.8, 72.5	`rgb(28.2%,29.8%,72.5%)`
CMYK	61, 59, 0, 27
HSL	237.9°, 44.7, 50.4	`hsl(237.9,44.7%,50.4%)`
HSV (or HSB)	237.9°, 61.1, 72.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.93, 31.679, -58.272
XYZ	14.012, 10.049, 47.097
xyY	0.197, 0.141, 10.049
CIE-LCH	37.93, 66.327, 298.53
CIE-LUV	37.93, -7.246, -85.215
Hunter-Lab	31.7, 23.427, -65.9
Binary	01001000, 01001100, 10111001

#484cb9
```
#484cb9 rgb(72,76,185)
```
#b9b548
```
#b9b548 rgb(185,181,72)
```

Complementary Color

#4885b9
```
#4885b9 rgb(72,133,185)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#7d48b9
```
#7d48b9 rgb(125,72,185)
```

Analogous Color

#85b948
```
#85b948 rgb(133,185,72)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#b97d48
```
#b97d48 rgb(185,125,72)
```

Split Complementary Color

#4cb948
```
#4cb948 rgb(76,185,72)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#b9484c
```
#b9484c rgb(185,72,76)
```

Triadic Color

#48b9b5
```
#48b9b5 rgb(72,185,181)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#b9484c
```
#b9484c rgb(185,72,76)
```
#b9b548
```
#b9b548 rgb(185,181,72)
```

Tetradic Color

#323583
```
#323583 rgb(50,53,131)
```
#393c95
```
#393c95 rgb(57,60,149)
```
#4044a7
```
#4044a7 rgb(64,68,167)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#5a5ec0
```
#5a5ec0 rgb(90,94,192)
```
#6d70c7
```
#6d70c7 rgb(109,112,199)
```
#7f82ce
```
#7f82ce rgb(127,130,206)
```

Monochromatic Color

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

#4868b9
```
#4868b9 rgb(72,104,185)
```
#485fb9
```
#485fb9 rgb(72,95,185)
```
#4855b9
```
#4855b9 rgb(72,85,185)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#4d48b9
```
#4d48b9 rgb(77,72,185)
```
#5748b9
```
#5748b9 rgb(87,72,185)
```
#6048b9
```
#6048b9 rgb(96,72,185)
```

Similar Colors

Text with hexadecimal color #484cb9

This text has a font color of #484cb9.

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

#484cb9 background color

This paragraph has a background color of #484cb9.

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

#484cb9 border color

This element has a border color of #484cb9.

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

CSS codes

.text {color:#484cb9;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060610
```
#060610 rgb(6,6,16)
```
#0b0c1e
```
#0b0c1e rgb(11,12,30)
```
#11122c
```
#11122c rgb(17,18,44)
```
#16183a
```
#16183a rgb(22,24,58)
```
#1c1d48
```
#1c1d48 rgb(28,29,72)
```
#212357
```
#212357 rgb(33,35,87)
```
#272965
```
#272965 rgb(39,41,101)
```
#2c2e73
```
#2c2e73 rgb(44,46,115)
```
#313481
```
#313481 rgb(49,52,129)
```
#373a8f
```
#373a8f rgb(55,58,143)
```
#3c409e
```
#3c409e rgb(60,64,158)
```
#4245ac
```
#4245ac rgb(66,69,172)
```

Shade Color Variation

#484cb9
```
#484cb9 rgb(72,76,185)
```
#565abe
```
#565abe rgb(86,90,190)
```
#6468c4
```
#6468c4 rgb(100,104,196)
```
#7376c9
```
#7376c9 rgb(115,118,201)
```
#8184cf
```
#8184cf rgb(129,132,207)
```
#8f91d4
```
#8f91d4 rgb(143,145,212)
```
#9d9fda
```
#9d9fda rgb(157,159,218)
```
#abaddf
```
#abaddf rgb(171,173,223)
```
#babbe4
```
#babbe4 rgb(186,187,228)
```
#c8c9ea
```
#c8c9ea rgb(200,201,234)
```
#d6d7ef
```
#d6d7ef rgb(214,215,239)
```
#e4e5f5
```
#e4e5f5 rgb(228,229,245)
```
#f2f3fa
```
#f2f3fa rgb(242,243,250)
```

Tint Color Variation

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

#797988
```
#797988 rgb(121,121,136)
```
#6f7092
```
#6f7092 rgb(111,112,146)
```
#65679c
```
#65679c rgb(101,103,156)
```
#5b5ea6
```
#5b5ea6 rgb(91,94,166)
```
#5255af
```
#5255af rgb(82,85,175)
```
#484cb9
```
#484cb9 rgb(72,76,185)
```
#3e43c3
```
#3e43c3 rgb(62,67,195)
```
#353acc
```
#353acc rgb(53,58,204)
```
#2b31d6
```
#2b31d6 rgb(43,49,214)
```
#2128e0
```
#2128e0 rgb(33,40,224)
```
#171fea
```
#171fea rgb(23,31,234)
```
#0e16f3
```
#0e16f3 rgb(14,22,243)
```
#040dfd
```
#040dfd rgb(4,13,253)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#54556b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#1c6a72 Tritanopia 0.001% of the population

Trichromacy

#1a58b9 Protanomaly 1% of men, 0.01% of women
#1a5bab Deuteranomaly 6% of men, 0.4% of women
#2c5f8c Tritanomaly 0.01% of the population