#5481a3 hex color

In a RGB color space, hex #5481a3 is composed of 32.9% red, 50.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 20.9% magenta, 0% yellow and 36.1% black. It has a hue angle of 205.8 degrees, a saturation of 32% and a lightness of 48.4%. #5481a3 color hex could be obtained by blending #a8ffff with #000347. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 64
RGB color chart
- C 48
- M 21
- Y 0
- K 36
CMYK color chart

● #5481a3 color description : Dark moderate blue.

The hexadecimal color #5481a3 has RGB values of R:84, G:129, B:163 and CMYK values of C:0.48, M:0.21, Y:0, K:0.36. Its decimal value is 5538211.

Hex triplet	5481a3	`#5481a3`
RGB Decimal	84, 129, 163	`rgb(84,129,163)`
RGB Percent	32.9, 50.6, 63.9	`rgb(32.9%,50.6%,63.9%)`
CMYK	48, 21, 0, 36
HSL	205.8°, 32, 48.4	`hsl(205.8,32%,48.4%)`
HSV (or HSB)	205.8°, 48.5, 63.9
Web Safe	669999	`#669999`

CIE-LAB	52.095, -5.766, -22.909
XYZ	18.116, 20.229, 37.598
xyY	0.239, 0.266, 20.229
CIE-LCH	52.095, 23.623, 255.871
CIE-LUV	52.095, -20.998, -33.304
Hunter-Lab	44.976, -6.812, -18.08
Binary	01010100, 10000001, 10100011

#5481a3
```
#5481a3 rgb(84,129,163)
```
#a37654
```
#a37654 rgb(163,118,84)
```

Complementary Color

#54a39e
```
#54a39e rgb(84,163,158)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#5459a3
```
#5459a3 rgb(84,89,163)
```

Analogous Color

#a39e54
```
#a39e54 rgb(163,158,84)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#a3545a
```
#a3545a rgb(163,84,90)
```

Split Complementary Color

#81a354
```
#81a354 rgb(129,163,84)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#a35481
```
#a35481 rgb(163,84,129)
```

Triadic Color

#54a376
```
#54a376 rgb(84,163,118)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#a35481
```
#a35481 rgb(163,84,129)
```
#a37654
```
#a37654 rgb(163,118,84)
```

Tetradic Color

#3a5971
```
#3a5971 rgb(58,89,113)
```
#436681
```
#436681 rgb(67,102,129)
```
#4b7492
```
#4b7492 rgb(75,116,146)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#628eae
```
#628eae rgb(98,142,174)
```
#739ab7
```
#739ab7 rgb(115,154,183)
```
#84a6c0
```
#84a6c0 rgb(132,166,192)
```

Monochromatic Color

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

#5495a3
```
#5495a3 rgb(84,149,163)
```
#548ea3
```
#548ea3 rgb(84,142,163)
```
#5488a3
```
#5488a3 rgb(84,136,163)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#547aa3
```
#547aa3 rgb(84,122,163)
```
#5474a3
```
#5474a3 rgb(84,116,163)
```
#546da3
```
#546da3 rgb(84,109,163)
```

Similar Colors

Text with hexadecimal color #5481a3

This text has a font color of #5481a3.

<span style="color:#5481a3;">Text here</span>

#5481a3 background color

This paragraph has a background color of #5481a3.

<p style="background-color:#5481a3;">Content here</p>

#5481a3 border color

This element has a border color of #5481a3.

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

CSS codes

.text {color:#5481a3;}

.background {background-color:#5481a3;}

.border {border:1px solid #5481a3;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1015
```
#0b1015 rgb(11,16,21)
```
#111b22
```
#111b22 rgb(17,27,34)
```
#18252e
```
#18252e rgb(24,37,46)
```
#1f2f3b
```
#1f2f3b rgb(31,47,59)
```
#253948
```
#253948 rgb(37,57,72)
```
#2c4455
```
#2c4455 rgb(44,68,85)
```
#334e62
```
#334e62 rgb(51,78,98)
```
#39586f
```
#39586f rgb(57,88,111)
```
#40627c
```
#40627c rgb(64,98,124)
```
#476d89
```
#476d89 rgb(71,109,137)
```
#4d7796
```
#4d7796 rgb(77,119,150)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```

Shade Color Variation

#5e8bac
```
#5e8bac rgb(94,139,172)
```
#6b94b3
```
#6b94b3 rgb(107,148,179)
```
#789dba
```
#789dba rgb(120,157,186)
```
#85a7c0
```
#85a7c0 rgb(133,167,192)
```
#92b0c7
```
#92b0c7 rgb(146,176,199)
```
#9fbace
```
#9fbace rgb(159,186,206)
```
#acc3d4
```
#acc3d4 rgb(172,195,212)
```
#b9ccdb
```
#b9ccdb rgb(185,204,219)
```
#c6d6e2
```
#c6d6e2 rgb(198,214,226)
```
#d3dfe8
```
#d3dfe8 rgb(211,223,232)
```
#e0e8ef
```
#e0e8ef rgb(224,232,239)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c7d is the less saturated color, while #088cef is the most saturated one.

#7a7c7d
```
#7a7c7d rgb(122,124,125)
```
#717d87
```
#717d87 rgb(113,125,135)
```
#677e90
```
#677e90 rgb(103,126,144)
```
#5e809a
```
#5e809a rgb(94,128,154)
```
#5481a3
```
#5481a3 rgb(84,129,163)
```
#4b82ad
```
#4b82ad rgb(75,130,173)
```
#4184b6
```
#4184b6 rgb(65,132,182)
```
#3885c0
```
#3885c0 rgb(56,133,192)
```
#2e86c9
```
#2e86c9 rgb(46,134,201)
```
#2588d3
```
#2588d3 rgb(37,136,211)
```
#1b89dc
```
#1b89dc rgb(27,137,220)
```
#128ae6
```
#128ae6 rgb(18,138,230)
```
#088cef
```
#088cef rgb(8,140,239)
```

Tone Color Variation

Below, you can see how #5481a3 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

#777777 Achromatopsia 0.005% of the population
#707980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7981a3 Protanopia 1% of men
#7881aa Deuteranopia 1% of men
#558b95 Tritanopia 0.001% of the population

Trichromacy

#6b81a3 Protanomaly 1% of men, 0.01% of women
#6b81a7 Deuteranomaly 6% of men, 0.4% of women
#55879a Tritanomaly 0.01% of the population

#5481a3 hex color

#5481a3 Color Information

#5481a3 Color Conversion

Color Schemes with #5481a3

Alternatives to #5481a3

#5481a3 Preview

Shades and Tints of #5481a3

Tones of #5481a3

Color Blindness Simulator