#483ba2 hex color

In a RGB color space, hex #483ba2 is composed of 28.2% red, 23.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 63.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 247.6 degrees, a saturation of 46.6% and a lightness of 43.3%. #483ba2 color hex could be obtained by blending #9076ff with #000045. Closest websafe color is: #333399.

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

● #483ba2 color description : Dark moderate blue.

The hexadecimal color #483ba2 has RGB values of R:72, G:59, B:162 and CMYK values of C:0.56, M:0.64, Y:0, K:0.36. Its decimal value is 4733858.

Hex triplet	483ba2	`#483ba2`
RGB Decimal	72, 59, 162	`rgb(72,59,162)`
RGB Percent	28.2, 23.1, 63.5	`rgb(28.2%,23.1%,63.5%)`
CMYK	56, 64, 0, 36
HSL	247.6°, 46.6, 43.3	`hsl(247.6,46.6%,43.3%)`
HSV (or HSB)	247.6°, 63.6, 63.5
Web Safe	333399	`#333399`

CIE-LAB	32.065, 34.677, -54.116
XYZ	10.757, 7.114, 34.987
xyY	0.204, 0.135, 7.114
CIE-LCH	32.065, 64.273, 302.651
CIE-LUV	32.065, -1.832, -75.234
Hunter-Lab	26.672, 25.313, -59.103
Binary	01001000, 00111011, 10100010

#483ba2
```
#483ba2 rgb(72,59,162)
```
#95a23b
```
#95a23b rgb(149,162,59)
```

Complementary Color

#3b62a2
```
#3b62a2 rgb(59,98,162)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#7c3ba2
```
#7c3ba2 rgb(124,59,162)
```

Analogous Color

#62a23b
```
#62a23b rgb(98,162,59)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#a27c3b
```
#a27c3b rgb(162,124,59)
```

Split Complementary Color

#3ba248
```
#3ba248 rgb(59,162,72)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#a2483b
```
#a2483b rgb(162,72,59)
```

Triadic Color

#3b95a2
```
#3b95a2 rgb(59,149,162)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#a2483b
```
#a2483b rgb(162,72,59)
```
#95a23b
```
#95a23b rgb(149,162,59)
```

Tetradic Color

#2f276a
```
#2f276a rgb(47,39,106)
```
#372d7d
```
#372d7d rgb(55,45,125)
```
#40348f
```
#40348f rgb(64,52,143)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#5042b5
```
#5042b5 rgb(80,66,181)
```
#5f51bf
```
#5f51bf rgb(95,81,191)
```
#7063c6
```
#7063c6 rgb(112,99,198)
```

Monochromatic Color

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

#3b48a2
```
#3b48a2 rgb(59,72,162)
```
#3b3fa2
```
#3b3fa2 rgb(59,63,162)
```
#3f3ba2
```
#3f3ba2 rgb(63,59,162)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#513ba2
```
#513ba2 rgb(81,59,162)
```
#593ba2
```
#593ba2 rgb(89,59,162)
```
#623ba2
```
#623ba2 rgb(98,59,162)
```

Similar Colors

Text with hexadecimal color #483ba2

This text has a font color of #483ba2.

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

#483ba2 background color

This paragraph has a background color of #483ba2.

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

#483ba2 border color

This element has a border color of #483ba2.

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

CSS codes

.text {color:#483ba2;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080712
```
#080712 rgb(8,7,18)
```
#0e0c21
```
#0e0c21 rgb(14,12,33)
```
#15112f
```
#15112f rgb(21,17,47)
```
#1b163d
```
#1b163d rgb(27,22,61)
```
#221c4c
```
#221c4c rgb(34,28,76)
```
#28215a
```
#28215a rgb(40,33,90)
```
#2e2668
```
#2e2668 rgb(46,38,104)
```
#352b77
```
#352b77 rgb(53,43,119)
```
#3b3185
```
#3b3185 rgb(59,49,133)
```
#423694
```
#423694 rgb(66,54,148)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#4e40b0
```
#4e40b0 rgb(78,64,176)
```

Shade Color Variation

#5748bc
```
#5748bc rgb(87,72,188)
```
#6456c2
```
#6456c2 rgb(100,86,194)
```
#7165c7
```
#7165c7 rgb(113,101,199)
```
#7e73cc
```
#7e73cc rgb(126,115,204)
```
#8c81d1
```
#8c81d1 rgb(140,129,209)
```
#9990d7
```
#9990d7 rgb(153,144,215)
```
#a69edc
```
#a69edc rgb(166,158,220)
```
#b3ade1
```
#b3ade1 rgb(179,173,225)
```
#c0bbe6
```
#c0bbe6 rgb(192,187,230)
```
#cec9eb
```
#cec9eb rgb(206,201,235)
```
#dbd8f1
```
#dbd8f1 rgb(219,216,241)
```
#e8e6f6
```
#e8e6f6 rgb(232,230,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

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

#6e6e6f
```
#6e6e6f rgb(110,110,111)
```
#686678
```
#686678 rgb(104,102,120)
```
#615d80
```
#615d80 rgb(97,93,128)
```
#5b5589
```
#5b5589 rgb(91,85,137)
```
#554c91
```
#554c91 rgb(85,76,145)
```
#4e449a
```
#4e449a rgb(78,68,154)
```
#483ba2
```
#483ba2 rgb(72,59,162)
```
#4233ab
```
#4233ab rgb(66,51,171)
```
#3b2ab3
```
#3b2ab3 rgb(59,42,179)
```
#3522bc
```
#3522bc rgb(53,34,188)
```
#2f19c4
```
#2f19c4 rgb(47,25,196)
```
#2811cd
```
#2811cd rgb(40,17,205)
```
#2208d5
```
#2208d5 rgb(34,8,213)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4a485c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00568d Deuteranopia 1% of men
#305a61 Tritanopia 0.001% of the population

Trichromacy

#1a49a1 Protanomaly 1% of men, 0.01% of women
#1a4c94 Deuteranomaly 6% of men, 0.4% of women
#394f78 Tritanomaly 0.01% of the population

#483ba2 hex color

#483ba2 Color Information

#483ba2 Color Conversion

Color Schemes with #483ba2

Alternatives to #483ba2

#483ba2 Preview

Shades and Tints of #483ba2

Tones of #483ba2

Color Blindness Simulator