#483ba5 hex color

In a RGB color space, hex #483ba5 is composed of 28.2% red, 23.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 64.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 247.4 degrees, a saturation of 47.3% and a lightness of 43.9%. #483ba5 color hex could be obtained by blending #9076ff with #00004b. Closest websafe color is: #333399.

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

● #483ba5 color description : Dark moderate blue.

The hexadecimal color #483ba5 has RGB values of R:72, G:59, B:165 and CMYK values of C:0.56, M:0.64, Y:0, K:0.35. Its decimal value is 4733861.

Hex triplet	483ba5	`#483ba5`
RGB Decimal	72, 59, 165	`rgb(72,59,165)`
RGB Percent	28.2, 23.1, 64.7	`rgb(28.2%,23.1%,64.7%)`
CMYK	56, 64, 0, 35
HSL	247.4°, 47.3, 43.9	`hsl(247.4,47.3%,43.9%)`
HSV (or HSB)	247.4°, 64.2, 64.7
Web Safe	333399	`#333399`

CIE-LAB	32.307, 35.64, -55.529
XYZ	11.027, 7.222, 36.408
xyY	0.202, 0.132, 7.222
CIE-LCH	32.307, 65.983, 302.693
CIE-LUV	32.307, -2.049, -77.271
Hunter-Lab	26.874, 26.213, -61.514
Binary	01001000, 00111011, 10100101

#483ba5
```
#483ba5 rgb(72,59,165)
```
#98a53b
```
#98a53b rgb(152,165,59)
```

Complementary Color

#3b63a5
```
#3b63a5 rgb(59,99,165)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#7d3ba5
```
#7d3ba5 rgb(125,59,165)
```

Analogous Color

#63a53b
```
#63a53b rgb(99,165,59)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#a57d3b
```
#a57d3b rgb(165,125,59)
```

Split Complementary Color

#3ba548
```
#3ba548 rgb(59,165,72)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#a5483b
```
#a5483b rgb(165,72,59)
```

Triadic Color

#3b98a5
```
#3b98a5 rgb(59,152,165)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#a5483b
```
#a5483b rgb(165,72,59)
```
#98a53b
```
#98a53b rgb(152,165,59)
```

Tetradic Color

#2f276d
```
#2f276d rgb(47,39,109)
```
#382e7f
```
#382e7f rgb(56,46,127)
```
#403492
```
#403492 rgb(64,52,146)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#5042b8
```
#5042b8 rgb(80,66,184)
```
#6052c1
```
#6052c1 rgb(96,82,193)
```
#7165c8
```
#7165c8 rgb(113,101,200)
```

Monochromatic Color

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

#3b49a5
```
#3b49a5 rgb(59,73,165)
```
#3b40a5
```
#3b40a5 rgb(59,64,165)
```
#3f3ba5
```
#3f3ba5 rgb(63,59,165)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#513ba5
```
#513ba5 rgb(81,59,165)
```
#5a3ba5
```
#5a3ba5 rgb(90,59,165)
```
#623ba5
```
#623ba5 rgb(98,59,165)
```

Similar Colors

Text with hexadecimal color #483ba5

This text has a font color of #483ba5.

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

#483ba5 background color

This paragraph has a background color of #483ba5.

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

#483ba5 border color

This element has a border color of #483ba5.

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

CSS codes

.text {color:#483ba5;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#090715
```
#090715 rgb(9,7,21)
```
#0f0d23
```
#0f0d23 rgb(15,13,35)
```
#161231
```
#161231 rgb(22,18,49)
```
#1c1740
```
#1c1740 rgb(28,23,64)
```
#221c4e
```
#221c4e rgb(34,28,78)
```
#28215d
```
#28215d rgb(40,33,93)
```
#2f266b
```
#2f266b rgb(47,38,107)
```
#352c7a
```
#352c7a rgb(53,44,122)
```
#3b3188
```
#3b3188 rgb(59,49,136)
```
#423697
```
#423697 rgb(66,54,151)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#4e40b3
```
#4e40b3 rgb(78,64,179)
```

Shade Color Variation

#5849be
```
#5849be rgb(88,73,190)
```
#6558c3
```
#6558c3 rgb(101,88,195)
```
#7266c8
```
#7266c8 rgb(114,102,200)
```
#7f75ce
```
#7f75ce rgb(127,117,206)
```
#8d83d3
```
#8d83d3 rgb(141,131,211)
```
#9a91d8
```
#9a91d8 rgb(154,145,216)
```
#a7a0dd
```
#a7a0dd rgb(167,160,221)
```
#b5aee2
```
#b5aee2 rgb(181,174,226)
```
#c2bde7
```
#c2bde7 rgb(194,189,231)
```
#cfcbed
```
#cfcbed rgb(207,203,237)
```
#dddaf2
```
#dddaf2 rgb(221,218,242)
```
#eae8f7
```
#eae8f7 rgb(234,232,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#6f6f71
```
#6f6f71 rgb(111,111,113)
```
#69667a
```
#69667a rgb(105,102,122)
```
#625d83
```
#625d83 rgb(98,93,131)
```
#5c558b
```
#5c558b rgb(92,85,139)
```
#554c94
```
#554c94 rgb(85,76,148)
```
#4f449c
```
#4f449c rgb(79,68,156)
```
#483ba5
```
#483ba5 rgb(72,59,165)
```
#4132ae
```
#4132ae rgb(65,50,174)
```
#3b2ab6
```
#3b2ab6 rgb(59,42,182)
```
#3421bf
```
#3421bf rgb(52,33,191)
```
#2e19c7
```
#2e19c7 rgb(46,25,199)
```
#2710d0
```
#2710d0 rgb(39,16,208)
```
#2107d9
```
#2107d9 rgb(33,7,217)
```

Tone Color Variation

Below, you can see how #483ba5 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
#4a485d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#2e5b62 Tritanopia 0.001% of the population

Trichromacy

#1a4aa2 Protanomaly 1% of men, 0.01% of women
#1a4c96 Deuteranomaly 6% of men, 0.4% of women
#374f7a Tritanomaly 0.01% of the population

#483ba5 hex color

#483ba5 Color Information

#483ba5 Color Conversion

Color Schemes with #483ba5

Alternatives to #483ba5

#483ba5 Preview

Shades and Tints of #483ba5

Tones of #483ba5

Color Blindness Simulator