#484cb8 hex color

In a RGB color space, hex #484cb8 is composed of 28.2% red, 29.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 58.7% magenta, 0% yellow and 27.8% black. It has a hue angle of 237.9 degrees, a saturation of 44.1% and a lightness of 50.2%. #484cb8 color hex could be obtained by blending #9098ff with #000071. Closest websafe color is: #3333cc.

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

● #484cb8 color description : Moderate blue.

The hexadecimal color #484cb8 has RGB values of R:72, G:76, B:184 and CMYK values of C:0.61, M:0.59, Y:0, K:0.28. Its decimal value is 4738232.

Hex triplet	484cb8	`#484cb8`
RGB Decimal	72, 76, 184	`rgb(72,76,184)`
RGB Percent	28.2, 29.8, 72.2	`rgb(28.2%,29.8%,72.2%)`
CMYK	61, 59, 0, 28
HSL	237.9°, 44.1, 50.2	`hsl(237.9,44.1%,50.2%)`
HSV (or HSB)	237.9°, 60.9, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.854, 31.341, -57.807
XYZ	13.907, 10.007, 46.543
xyY	0.197, 0.142, 10.007
CIE-LCH	37.854, 65.756, 298.465
CIE-LUV	37.854, -7.202, -84.511
Hunter-Lab	31.633, 23.116, -65.093
Binary	01001000, 01001100, 10111000

#484cb8
```
#484cb8 rgb(72,76,184)
```
#b8b448
```
#b8b448 rgb(184,180,72)
```

Complementary Color

#4884b8
```
#4884b8 rgb(72,132,184)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#7c48b8
```
#7c48b8 rgb(124,72,184)
```

Analogous Color

#84b848
```
#84b848 rgb(132,184,72)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#b87c48
```
#b87c48 rgb(184,124,72)
```

Split Complementary Color

#4cb848
```
#4cb848 rgb(76,184,72)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#b8484c
```
#b8484c rgb(184,72,76)
```

Triadic Color

#48b8b4
```
#48b8b4 rgb(72,184,180)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#b8484c
```
#b8484c rgb(184,72,76)
```
#b8b448
```
#b8b448 rgb(184,180,72)
```

Tetradic Color

#323581
```
#323581 rgb(50,53,129)
```
#393d94
```
#393d94 rgb(57,61,148)
```
#4044a6
```
#4044a6 rgb(64,68,166)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#5a5ebf
```
#5a5ebf rgb(90,94,191)
```
#6d70c6
```
#6d70c6 rgb(109,112,198)
```
#7f82cd
```
#7f82cd rgb(127,130,205)
```

Monochromatic Color

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

#4868b8
```
#4868b8 rgb(72,104,184)
```
#485fb8
```
#485fb8 rgb(72,95,184)
```
#4855b8
```
#4855b8 rgb(72,85,184)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#4d48b8
```
#4d48b8 rgb(77,72,184)
```
#5748b8
```
#5748b8 rgb(87,72,184)
```
#6048b8
```
#6048b8 rgb(96,72,184)
```

Similar Colors

Text with hexadecimal color #484cb8

This text has a font color of #484cb8.

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

#484cb8 background color

This paragraph has a background color of #484cb8.

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

#484cb8 border color

This element has a border color of #484cb8.

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

CSS codes

.text {color:#484cb8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06060f
```
#06060f rgb(6,6,15)
```
#0b0c1d
```
#0b0c1d rgb(11,12,29)
```
#11122b
```
#11122b rgb(17,18,43)
```
#161739
```
#161739 rgb(22,23,57)
```
#1c1d47
```
#1c1d47 rgb(28,29,71)
```
#212356
```
#212356 rgb(33,35,86)
```
#272964
```
#272964 rgb(39,41,100)
```
#2c2f72
```
#2c2f72 rgb(44,47,114)
```
#323480
```
#323480 rgb(50,52,128)
```
#373a8e
```
#373a8e rgb(55,58,142)
```
#3d409c
```
#3d409c rgb(61,64,156)
```
#4246aa
```
#4246aa rgb(66,70,170)
```

Shade Color Variation

#484cb8
```
#484cb8 rgb(72,76,184)
```
#565abd
```
#565abd rgb(86,90,189)
```
#6468c3
```
#6468c3 rgb(100,104,195)
```
#7275c8
```
#7275c8 rgb(114,117,200)
```
#8183ce
```
#8183ce rgb(129,131,206)
```
#8f91d3
```
#8f91d3 rgb(143,145,211)
```
#9d9fd9
```
#9d9fd9 rgb(157,159,217)
```
#abadde
```
#abadde rgb(171,173,222)
```
#b9bbe4
```
#b9bbe4 rgb(185,187,228)
```
#c7c8e9
```
#c7c8e9 rgb(199,200,233)
```
#d5d6ef
```
#d5d6ef rgb(213,214,239)
```
#e3e4f4
```
#e3e4f4 rgb(227,228,244)
```
#f2f2fa
```
#f2f2fa rgb(242,242,250)
```

Tint Color Variation

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

#797987
```
#797987 rgb(121,121,135)
```
#6f7091
```
#6f7091 rgb(111,112,145)
```
#65679b
```
#65679b rgb(101,103,155)
```
#5c5ea4
```
#5c5ea4 rgb(92,94,164)
```
#5255ae
```
#5255ae rgb(82,85,174)
```
#484cb8
```
#484cb8 rgb(72,76,184)
```
#3e43c2
```
#3e43c2 rgb(62,67,194)
```
#343acc
```
#343acc rgb(52,58,204)
```
#2b31d5
```
#2b31d5 rgb(43,49,213)
```
#2128df
```
#2128df rgb(33,40,223)
```
#171fe9
```
#171fe9 rgb(23,31,233)
```
#0d16f3
```
#0d16f3 rgb(13,22,243)
```
#040dfc
```
#040dfc rgb(4,13,252)
```

Tone Color Variation

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

Dichromacy

#005eb9 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#1e6a72 Tritanopia 0.001% of the population

Trichromacy

#1a57b9 Protanomaly 1% of men, 0.01% of women
#1a5baa Deuteranomaly 6% of men, 0.4% of women
#2d5f8b Tritanomaly 0.01% of the population

#484cb8 hex color

#484cb8 Color Information

#484cb8 Color Conversion

Color Schemes with #484cb8

Alternatives to #484cb8

#484cb8 Preview

Shades and Tints of #484cb8

Tones of #484cb8

Color Blindness Simulator