#483aa4 hex color

In a RGB color space, hex #483aa4 is composed of 28.2% red, 22.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 64.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 247.9 degrees, a saturation of 47.7% and a lightness of 43.5%. #483aa4 color hex could be obtained by blending #9074ff with #000049. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 23
- B 64
RGB color chart
- C 56
- M 65
- Y 0
- K 36
CMYK color chart

● #483aa4 color description : Dark moderate blue.

The hexadecimal color #483aa4 has RGB values of R:72, G:58, B:164 and CMYK values of C:0.56, M:0.65, Y:0, K:0.36. Its decimal value is 4733604.

Hex triplet	483aa4	`#483aa4`
RGB Decimal	72, 58, 164	`rgb(72,58,164)`
RGB Percent	28.2, 22.7, 64.3	`rgb(28.2%,22.7%,64.3%)`
CMYK	56, 65, 0, 36
HSL	247.9°, 47.7, 43.5	`hsl(247.9,47.7%,43.5%)`
HSV (or HSB)	247.9°, 64.6, 64.3
Web Safe	333399	`#333399`

CIE-LAB	31.997, 35.927, -55.432
XYZ	10.885, 7.084, 35.914
xyY	0.202, 0.131, 7.084
CIE-LCH	31.997, 66.057, 302.949
CIE-LUV	31.997, -1.758, -76.885
Hunter-Lab	26.615, 26.425, -61.372
Binary	01001000, 00111010, 10100100

#483aa4
```
#483aa4 rgb(72,58,164)
```
#96a43a
```
#96a43a rgb(150,164,58)
```

Complementary Color

#3a61a4
```
#3a61a4 rgb(58,97,164)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#7d3aa4
```
#7d3aa4 rgb(125,58,164)
```

Analogous Color

#61a43a
```
#61a43a rgb(97,164,58)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#a47d3a
```
#a47d3a rgb(164,125,58)
```

Split Complementary Color

#3aa448
```
#3aa448 rgb(58,164,72)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#a4483a
```
#a4483a rgb(164,72,58)
```

Triadic Color

#3a96a4
```
#3a96a4 rgb(58,150,164)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#a4483a
```
#a4483a rgb(164,72,58)
```
#96a43a
```
#96a43a rgb(150,164,58)
```

Tetradic Color

#2f266b
```
#2f266b rgb(47,38,107)
```
#372d7e
```
#372d7e rgb(55,45,126)
```
#403391
```
#403391 rgb(64,51,145)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#5041b7
```
#5041b7 rgb(80,65,183)
```
#5f50c1
```
#5f50c1 rgb(95,80,193)
```
#7063c8
```
#7063c8 rgb(112,99,200)
```

Monochromatic Color

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

#3a46a4
```
#3a46a4 rgb(58,70,164)
```
#3a3ea4
```
#3a3ea4 rgb(58,62,164)
```
#3f3aa4
```
#3f3aa4 rgb(63,58,164)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#513aa4
```
#513aa4 rgb(81,58,164)
```
#5a3aa4
```
#5a3aa4 rgb(90,58,164)
```
#633aa4
```
#633aa4 rgb(99,58,164)
```

Similar Colors

Text with hexadecimal color #483aa4

This text has a font color of #483aa4.

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

#483aa4 background color

This paragraph has a background color of #483aa4.

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

#483aa4 border color

This element has a border color of #483aa4.

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

CSS codes

.text {color:#483aa4;}

.background {background-color:#483aa4;}

.border {border:1px solid #483aa4;}

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

#020205
```
#020205 rgb(2,2,5)
```
#080713
```
#080713 rgb(8,7,19)
```
#0f0c22
```
#0f0c22 rgb(15,12,34)
```
#151130
```
#151130 rgb(21,17,48)
```
#1b163f
```
#1b163f rgb(27,22,63)
```
#221b4d
```
#221b4d rgb(34,27,77)
```
#28205c
```
#28205c rgb(40,32,92)
```
#2f266a
```
#2f266a rgb(47,38,106)
```
#352b79
```
#352b79 rgb(53,43,121)
```
#3b3087
```
#3b3087 rgb(59,48,135)
```
#423596
```
#423596 rgb(66,53,150)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#4e3fb2
```
#4e3fb2 rgb(78,63,178)
```

Shade Color Variation

#5747be
```
#5747be rgb(87,71,190)
```
#6456c3
```
#6456c3 rgb(100,86,195)
```
#7164c8
```
#7164c8 rgb(113,100,200)
```
#7f73cd
```
#7f73cd rgb(127,115,205)
```
#8c81d3
```
#8c81d3 rgb(140,129,211)
```
#9990d8
```
#9990d8 rgb(153,144,216)
```
#a69edd
```
#a69edd rgb(166,158,221)
```
#b4ade2
```
#b4ade2 rgb(180,173,226)
```
#c1bbe7
```
#c1bbe7 rgb(193,187,231)
```
#cecaec
```
#cecaec rgb(206,202,236)
```
#dbd8f1
```
#dbd8f1 rgb(219,216,241)
```
#e9e7f6
```
#e9e7f6 rgb(233,231,246)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

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

#6e6d71
```
#6e6d71 rgb(110,109,113)
```
#676579
```
#676579 rgb(103,101,121)
```
#615c82
```
#615c82 rgb(97,92,130)
```
#5b548a
```
#5b548a rgb(91,84,138)
```
#554b93
```
#554b93 rgb(85,75,147)
```
#4e439b
```
#4e439b rgb(78,67,155)
```
#483aa4
```
#483aa4 rgb(72,58,164)
```
#4231ad
```
#4231ad rgb(66,49,173)
```
#3b29b5
```
#3b29b5 rgb(59,41,181)
```
#3520be
```
#3520be rgb(53,32,190)
```
#2f18c6
```
#2f18c6 rgb(47,24,198)
```
#290fcf
```
#290fcf rgb(41,15,207)
```
#2207d7
```
#2207d7 rgb(34,7,215)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4a475c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00568c Deuteranopia 1% of men
#2e5a61 Tritanopia 0.001% of the population

Trichromacy

#1a49a1 Protanomaly 1% of men, 0.01% of women
#1a4c95 Deuteranomaly 6% of men, 0.4% of women
#374e79 Tritanomaly 0.01% of the population

#483aa4 hex color

#483aa4 Color Information

#483aa4 Color Conversion

Color Schemes with #483aa4

Alternatives to #483aa4

#483aa4 Preview

Shades and Tints of #483aa4

Tones of #483aa4

Color Blindness Simulator