#5483ab hex color

In a RGB color space, hex #5483ab is composed of 32.9% red, 51.4% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 23.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 207.6 degrees, a saturation of 34.1% and a lightness of 50%. #5483ab color hex could be obtained by blending #a8ffff with #000757. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 67
RGB color chart
- C 51
- M 23
- Y 0
- K 33
CMYK color chart

● #5483ab color description : Dark moderate blue.

The hexadecimal color #5483ab has RGB values of R:84, G:131, B:171 and CMYK values of C:0.51, M:0.23, Y:0, K:0.33. Its decimal value is 5538731.

Hex triplet	5483ab	`#5483ab`
RGB Decimal	84, 131, 171	`rgb(84,131,171)`
RGB Percent	32.9, 51.4, 67.1	`rgb(32.9%,51.4%,67.1%)`
CMYK	51, 23, 0, 33
HSL	207.6°, 34.1, 50	`hsl(207.6,34.1%,50%)`
HSV (or HSB)	207.6°, 50.9, 67.1
Web Safe	669999	`#669999`

CIE-LAB	53.011, -4.488, -26.119
XYZ	19.121, 21.057, 41.583
xyY	0.234, 0.258, 21.057
CIE-LCH	53.011, 26.502, 260.25
CIE-LUV	53.011, -21.684, -38.666
Hunter-Lab	45.888, -5.922, -21.606
Binary	01010100, 10000011, 10101011

#5483ab
```
#5483ab rgb(84,131,171)
```
#ab7c54
```
#ab7c54 rgb(171,124,84)
```

Complementary Color

#54aba8
```
#54aba8 rgb(84,171,168)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#5458ab
```
#5458ab rgb(84,88,171)
```

Analogous Color

#aba854
```
#aba854 rgb(171,168,84)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#ab5458
```
#ab5458 rgb(171,84,88)
```

Split Complementary Color

#83ab54
```
#83ab54 rgb(131,171,84)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#ab5483
```
#ab5483 rgb(171,84,131)
```

Triadic Color

#54ab7c
```
#54ab7c rgb(84,171,124)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#ab5483
```
#ab5483 rgb(171,84,131)
```
#ab7c54
```
#ab7c54 rgb(171,124,84)
```

Tetradic Color

#3b5c78
```
#3b5c78 rgb(59,92,120)
```
#436989
```
#436989 rgb(67,105,137)
```
#4c769a
```
#4c769a rgb(76,118,154)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#658fb3
```
#658fb3 rgb(101,143,179)
```
#769cbc
```
#769cbc rgb(118,156,188)
```
#87a8c4
```
#87a8c4 rgb(135,168,196)
```

Monochromatic Color

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

#5499ab
```
#5499ab rgb(84,153,171)
```
#5492ab
```
#5492ab rgb(84,146,171)
```
#548aab
```
#548aab rgb(84,138,171)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#547cab
```
#547cab rgb(84,124,171)
```
#5475ab
```
#5475ab rgb(84,117,171)
```
#546dab
```
#546dab rgb(84,109,171)
```

Similar Colors

Text with hexadecimal color #5483ab

This text has a font color of #5483ab.

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

#5483ab background color

This paragraph has a background color of #5483ab.

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

#5483ab border color

This element has a border color of #5483ab.

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

CSS codes

.text {color:#5483ab;}

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

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

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, #060a0d is the darkest color, while #ffffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0d141a
```
#0d141a rgb(13,20,26)
```
#131e27
```
#131e27 rgb(19,30,39)
```
#1a2835
```
#1a2835 rgb(26,40,53)
```
#203242
```
#203242 rgb(32,50,66)
```
#273c4f
```
#273c4f rgb(39,60,79)
```
#2d475c
```
#2d475c rgb(45,71,92)
```
#345169
```
#345169 rgb(52,81,105)
```
#3a5b76
```
#3a5b76 rgb(58,91,118)
```
#416584
```
#416584 rgb(65,101,132)
```
#476f91
```
#476f91 rgb(71,111,145)
```
#4e799e
```
#4e799e rgb(78,121,158)
```
#5483ab
```
#5483ab rgb(84,131,171)
```

Shade Color Variation

#618db1
```
#618db1 rgb(97,141,177)
```
#6e96b8
```
#6e96b8 rgb(110,150,184)
```
#7ba0be
```
#7ba0be rgb(123,160,190)
```
#89a9c5
```
#89a9c5 rgb(137,169,197)
```
#96b3cb
```
#96b3cb rgb(150,179,203)
```
#a3bcd2
```
#a3bcd2 rgb(163,188,210)
```
#b0c6d8
```
#b0c6d8 rgb(176,198,216)
```
#bdcfdf
```
#bdcfdf rgb(189,207,223)
```
#cad9e5
```
#cad9e5 rgb(202,217,229)
```
#d8e2ec
```
#d8e2ec rgb(216,226,236)
```
#e5ecf2
```
#e5ecf2 rgb(229,236,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8084
```
#7b8084 rgb(123,128,132)
```
#71818e
```
#71818e rgb(113,129,142)
```
#688197
```
#688197 rgb(104,129,151)
```
#5e82a1
```
#5e82a1 rgb(94,130,161)
```
#5483ab
```
#5483ab rgb(84,131,171)
```
#4a84b5
```
#4a84b5 rgb(74,132,181)
```
#4085bf
```
#4085bf rgb(64,133,191)
```
#3785c8
```
#3785c8 rgb(55,133,200)
```
#2d86d2
```
#2d86d2 rgb(45,134,210)
```
#2387dc
```
#2387dc rgb(35,135,220)
```
#1988e6
```
#1988e6 rgb(25,136,230)
```
#0f89f0
```
#0f89f0 rgb(15,137,240)
```
#0689f9
```
#0689f9 rgb(6,137,249)
```

Tone Color Variation

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

#7983ab Protanopia 1% of men
#7683b1 Deuteranopia 1% of men
#538d98 Tritanopia 0.001% of the population

Trichromacy

#6b83ab Protanomaly 1% of men, 0.01% of women
#6983af Deuteranomaly 6% of men, 0.4% of women
#53899f Tritanomaly 0.01% of the population

#5483ab hex color

#5483ab Color Information

#5483ab Color Conversion

Color Schemes with #5483ab

Alternatives to #5483ab

#5483ab Preview

Shades and Tints of #5483ab

Tones of #5483ab

Color Blindness Simulator