#483ab4 hex color

In a RGB color space, hex #483ab4 is composed of 28.2% red, 22.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 67.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 246.9 degrees, a saturation of 51.3% and a lightness of 46.7%. #483ab4 color hex could be obtained by blending #9074ff with #000069. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 28
- G 23
- B 71
RGB color chart
- C 60
- M 68
- Y 0
- K 29
CMYK color chart

● #483ab4 color description : Moderate blue.

The hexadecimal color #483ab4 has RGB values of R:72, G:58, B:180 and CMYK values of C:0.6, M:0.68, Y:0, K:0.29. Its decimal value is 4733620.

Hex triplet	483ab4	`#483ab4`
RGB Decimal	72, 58, 180	`rgb(72,58,180)`
RGB Percent	28.2, 22.7, 70.6	`rgb(28.2%,22.7%,70.6%)`
CMYK	60, 68, 0, 29
HSL	246.9°, 51.3, 46.7	`hsl(246.9,51.3%,46.7%)`
HSV (or HSB)	246.9°, 67.8, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.347, 41.037, -62.792
XYZ	12.422, 7.699, 44.009
xyY	0.194, 0.12, 7.699
CIE-LCH	33.347, 75.012, 303.166
CIE-LUV	33.347, -2.894, -87.471
Hunter-Lab	27.746, 31.359, -74.618
Binary	01001000, 00111010, 10110100

#483ab4
```
#483ab4 rgb(72,58,180)
```
#a6b43a
```
#a6b43a rgb(166,180,58)
```

Complementary Color

#3a69b4
```
#3a69b4 rgb(58,105,180)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#853ab4
```
#853ab4 rgb(133,58,180)
```

Analogous Color

#69b43a
```
#69b43a rgb(105,180,58)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#b4853a
```
#b4853a rgb(180,133,58)
```

Split Complementary Color

#3ab448
```
#3ab448 rgb(58,180,72)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#b4483a
```
#b4483a rgb(180,72,58)
```

Triadic Color

#3aa6b4
```
#3aa6b4 rgb(58,166,180)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#b4483a
```
#b4483a rgb(180,72,58)
```
#a6b43a
```
#a6b43a rgb(166,180,58)
```

Tetradic Color

#31277a
```
#31277a rgb(49,39,122)
```
#392e8d
```
#392e8d rgb(57,46,141)
```
#4034a1
```
#4034a1 rgb(64,52,161)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#5345c3
```
#5345c3 rgb(83,69,195)
```
#6558c9
```
#6558c9 rgb(101,88,201)
```
#776bcf
```
#776bcf rgb(119,107,207)
```

Monochromatic Color

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

#3a4bb4
```
#3a4bb4 rgb(58,75,180)
```
#3a40b4
```
#3a40b4 rgb(58,64,180)
```
#3e3ab4
```
#3e3ab4 rgb(62,58,180)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#523ab4
```
#523ab4 rgb(82,58,180)
```
#5c3ab4
```
#5c3ab4 rgb(92,58,180)
```
#673ab4
```
#673ab4 rgb(103,58,180)
```

Similar Colors

Text with hexadecimal color #483ab4

This text has a font color of #483ab4.

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

#483ab4 background color

This paragraph has a background color of #483ab4.

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

#483ab4 border color

This element has a border color of #483ab4.

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

CSS codes

.text {color:#483ab4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070511
```
#070511 rgb(7,5,17)
```
#0d0a20
```
#0d0a20 rgb(13,10,32)
```
#130f2e
```
#130f2e rgb(19,15,46)
```
#19143d
```
#19143d rgb(25,20,61)
```
#1e194c
```
#1e194c rgb(30,25,76)
```
#241d5b
```
#241d5b rgb(36,29,91)
```
#2a226a
```
#2a226a rgb(42,34,106)
```
#302779
```
#302779 rgb(48,39,121)
```
#362c87
```
#362c87 rgb(54,44,135)
```
#3c3096
```
#3c3096 rgb(60,48,150)
```
#4235a5
```
#4235a5 rgb(66,53,165)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```

Shade Color Variation

#4f40c1
```
#4f40c1 rgb(79,64,193)
```
#5d4fc6
```
#5d4fc6 rgb(93,79,198)
```
#6a5ecb
```
#6a5ecb rgb(106,94,203)
```
#786dd0
```
#786dd0 rgb(120,109,208)
```
#867bd5
```
#867bd5 rgb(134,123,213)
```
#938ad9
```
#938ad9 rgb(147,138,217)
```
#a199de
```
#a199de rgb(161,153,222)
```
#afa8e3
```
#afa8e3 rgb(175,168,227)
```
#bcb7e8
```
#bcb7e8 rgb(188,183,232)
```
#cac6ed
```
#cac6ed rgb(202,198,237)
```
#d8d4f1
```
#d8d4f1 rgb(216,212,241)
```
#e5e3f6
```
#e5e3f6 rgb(229,227,246)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72717d is the less saturated color, while #1e03eb is the most saturated one.

#72717d
```
#72717d rgb(114,113,125)
```
#6b6886
```
#6b6886 rgb(107,104,134)
```
#645f8f
```
#645f8f rgb(100,95,143)
```
#5d5599
```
#5d5599 rgb(93,85,153)
```
#564ca2
```
#564ca2 rgb(86,76,162)
```
#4f43ab
```
#4f43ab rgb(79,67,171)
```
#483ab4
```
#483ab4 rgb(72,58,180)
```
#4131bd
```
#4131bd rgb(65,49,189)
```
#3a28c6
```
#3a28c6 rgb(58,40,198)
```
#331fcf
```
#331fcf rgb(51,31,207)
```
#2c15d9
```
#2c15d9 rgb(44,21,217)
```
#250ce2
```
#250ce2 rgb(37,12,226)
```
#1e03eb
```
#1e03eb rgb(30,3,235)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#1a5f66 Tritanopia 0.001% of the population

Trichromacy

#1a4bab Protanomaly 1% of men, 0.01% of women
#1a4e9d Deuteranomaly 6% of men, 0.4% of women
#2b5182 Tritanomaly 0.01% of the population

#483ab4 hex color

#483ab4 Color Information

#483ab4 Color Conversion

Color Schemes with #483ab4

Alternatives to #483ab4

#483ab4 Preview

Shades and Tints of #483ab4

Tones of #483ab4

Color Blindness Simulator