#5483ad hex color

In a RGB color space, hex #5483ad is composed of 32.9% red, 51.4% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 24.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 208.3 degrees, a saturation of 35.2% and a lightness of 50.4%. #5483ad color hex could be obtained by blending #a8ffff with #00075b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 68
RGB color chart
- C 51
- M 24
- Y 0
- K 32
CMYK color chart

● #5483ad color description : Dark moderate blue.

The hexadecimal color #5483ad has RGB values of R:84, G:131, B:173 and CMYK values of C:0.51, M:0.24, Y:0, K:0.32. Its decimal value is 5538733.

Hex triplet	5483ad	`#5483ad`
RGB Decimal	84, 131, 173	`rgb(84,131,173)`
RGB Percent	32.9, 51.4, 67.8	`rgb(32.9%,51.4%,67.8%)`
CMYK	51, 24, 0, 32
HSL	208.3°, 35.2, 50.4	`hsl(208.3,35.2%,50.4%)`
HSV (or HSB)	208.3°, 51.4, 67.8
Web Safe	669999	`#669999`

CIE-LAB	53.095, -3.872, -27.142
XYZ	19.314, 21.133, 42.594
xyY	0.233, 0.254, 21.133
CIE-LCH	53.095, 27.417, 261.882
CIE-LUV	53.095, -21.659, -40.384
Hunter-Lab	45.971, -5.458, -22.755
Binary	01010100, 10000011, 10101101

#5483ad
```
#5483ad rgb(84,131,173)
```
#ad7e54
```
#ad7e54 rgb(173,126,84)
```

Complementary Color

#54adab
```
#54adab rgb(84,173,171)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#5457ad
```
#5457ad rgb(84,87,173)
```

Analogous Color

#adab54
```
#adab54 rgb(173,171,84)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#ad5457
```
#ad5457 rgb(173,84,87)
```

Split Complementary Color

#83ad54
```
#83ad54 rgb(131,173,84)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#ad5483
```
#ad5483 rgb(173,84,131)
```

Triadic Color

#54ad7e
```
#54ad7e rgb(84,173,126)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#ad5483
```
#ad5483 rgb(173,84,131)
```
#ad7e54
```
#ad7e54 rgb(173,126,84)
```

Tetradic Color

#3b5c7a
```
#3b5c7a rgb(59,92,122)
```
#43698b
```
#43698b rgb(67,105,139)
```
#4b769c
```
#4b769c rgb(75,118,156)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#658fb5
```
#658fb5 rgb(101,143,181)
```
#769cbe
```
#769cbe rgb(118,156,190)
```
#88a8c6
```
#88a8c6 rgb(136,168,198)
```

Monochromatic Color

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

#5499ad
```
#5499ad rgb(84,153,173)
```
#5492ad
```
#5492ad rgb(84,146,173)
```
#548aad
```
#548aad rgb(84,138,173)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#547cad
```
#547cad rgb(84,124,173)
```
#5474ad
```
#5474ad rgb(84,116,173)
```
#546dad
```
#546dad rgb(84,109,173)
```

Similar Colors

Text with hexadecimal color #5483ad

This text has a font color of #5483ad.

<span style="color:#5483ad;">Text here</span>

#5483ad background color

This paragraph has a background color of #5483ad.

<p style="background-color:#5483ad;">Content here</p>

#5483ad border color

This element has a border color of #5483ad.

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

CSS codes

.text {color:#5483ad;}

.background {background-color:#5483ad;}

.border {border:1px solid #5483ad;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070b0f
```
#070b0f rgb(7,11,15)
```
#0d151c
```
#0d151c rgb(13,21,28)
```
#141f29
```
#141f29 rgb(20,31,41)
```
#1a2936
```
#1a2936 rgb(26,41,54)
```
#203344
```
#203344 rgb(32,51,68)
```
#273d51
```
#273d51 rgb(39,61,81)
```
#2d475e
```
#2d475e rgb(45,71,94)
```
#34516b
```
#34516b rgb(52,81,107)
```
#3a5b79
```
#3a5b79 rgb(58,91,121)
```
#406586
```
#406586 rgb(64,101,134)
```
#476f93
```
#476f93 rgb(71,111,147)
```
#4d79a0
```
#4d79a0 rgb(77,121,160)
```

Shade Color Variation

#5483ad
```
#5483ad rgb(84,131,173)
```
#618db3
```
#618db3 rgb(97,141,179)
```
#6f96ba
```
#6f96ba rgb(111,150,186)
```
#7ca0c0
```
#7ca0c0 rgb(124,160,192)
```
#89a9c6
```
#89a9c6 rgb(137,169,198)
```
#96b3cd
```
#96b3cd rgb(150,179,205)
```
#a4bdd3
```
#a4bdd3 rgb(164,189,211)
```
#b1c6da
```
#b1c6da rgb(177,198,218)
```
#bed0e0
```
#bed0e0 rgb(190,208,224)
```
#cbdae6
```
#cbdae6 rgb(203,218,230)
```
#d9e3ed
```
#d9e3ed rgb(217,227,237)
```
#e6edf3
```
#e6edf3 rgb(230,237,243)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

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

#7b8186
```
#7b8186 rgb(123,129,134)
```
#718190
```
#718190 rgb(113,129,144)
```
#67829a
```
#67829a rgb(103,130,154)
```
#5e82a3
```
#5e82a3 rgb(94,130,163)
```
#5483ad
```
#5483ad rgb(84,131,173)
```
#4a84b7
```
#4a84b7 rgb(74,132,183)
```
#4184c0
```
#4184c0 rgb(65,132,192)
```
#3785ca
```
#3785ca rgb(55,133,202)
```
#2d85d4
```
#2d85d4 rgb(45,133,212)
```
#2386de
```
#2386de rgb(35,134,222)
```
#1a86e7
```
#1a86e7 rgb(26,134,231)
```
#1087f1
```
#1087f1 rgb(16,135,241)
```
#0687fb
```
#0687fb rgb(6,135,251)
```

Tone Color Variation

Below, you can see how #5483ad 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

#7a7a7a Achromatopsia 0.005% of the population
#727c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7983ad Protanopia 1% of men
#7584b3 Deuteranopia 1% of men
#528e98 Tritanopia 0.001% of the population

Trichromacy

#6b83ad Protanomaly 1% of men, 0.01% of women
#6983b1 Deuteranomaly 6% of men, 0.4% of women
#528aa0 Tritanomaly 0.01% of the population

#5483ad hex color

#5483ad Color Information

#5483ad Color Conversion

Color Schemes with #5483ad

Alternatives to #5483ad

#5483ad Preview

Shades and Tints of #5483ad

Tones of #5483ad

Color Blindness Simulator