#5389aa hex color

In a RGB color space, hex #5389aa is composed of 32.5% red, 53.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 19.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 202.8 degrees, a saturation of 34.4% and a lightness of 49.6%. #5389aa color hex could be obtained by blending #a6ffff with #001355. Closest websafe color is: #669999.

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

● #5389aa color description : Dark moderate blue.

The hexadecimal color #5389aa has RGB values of R:83, G:137, B:170 and CMYK values of C:0.51, M:0.19, Y:0, K:0.33. Its decimal value is 5474730.

Hex triplet	5389aa	`#5389aa`
RGB Decimal	83, 137, 170	`rgb(83,137,170)`
RGB Percent	32.5, 53.7, 66.7	`rgb(32.5%,53.7%,66.7%)`
CMYK	51, 19, 0, 33
HSL	202.8°, 34.4, 49.6	`hsl(202.8,34.4%,49.6%)`
HSV (or HSB)	202.8°, 51.2, 66.7
Web Safe	669999	`#669999`

CIE-LAB	54.691, -8.466, -22.958
XYZ	19.767, 22.631, 41.355
xyY	0.236, 0.27, 22.631
CIE-LCH	54.691, 24.47, 249.758
CIE-LUV	54.691, -24.345, -33.342
Hunter-Lab	47.573, -9.083, -18.24
Binary	01010011, 10001001, 10101010

#5389aa
```
#5389aa rgb(83,137,170)
```
#aa7453
```
#aa7453 rgb(170,116,83)
```

Complementary Color

#53aaa0
```
#53aaa0 rgb(83,170,160)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#535eaa
```
#535eaa rgb(83,94,170)
```

Analogous Color

#aaa053
```
#aaa053 rgb(170,160,83)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#aa535e
```
#aa535e rgb(170,83,94)
```

Split Complementary Color

#89aa53
```
#89aa53 rgb(137,170,83)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#aa5389
```
#aa5389 rgb(170,83,137)
```

Triadic Color

#53aa74
```
#53aa74 rgb(83,170,116)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#aa5389
```
#aa5389 rgb(170,83,137)
```
#aa7453
```
#aa7453 rgb(170,116,83)
```

Tetradic Color

#3a6077
```
#3a6077 rgb(58,96,119)
```
#426d88
```
#426d88 rgb(66,109,136)
```
#4b7b99
```
#4b7b99 rgb(75,123,153)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#6395b3
```
#6395b3 rgb(99,149,179)
```
#75a1bb
```
#75a1bb rgb(117,161,187)
```
#86acc4
```
#86acc4 rgb(134,172,196)
```

Monochromatic Color

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

#539faa
```
#539faa rgb(83,159,170)
```
#5398aa
```
#5398aa rgb(83,152,170)
```
#5390aa
```
#5390aa rgb(83,144,170)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#5382aa
```
#5382aa rgb(83,130,170)
```
#537baa
```
#537baa rgb(83,123,170)
```
#5373aa
```
#5373aa rgb(83,115,170)
```

Similar Colors

Text with hexadecimal color #5389aa

This text has a font color of #5389aa.

<span style="color:#5389aa;">Text here</span>

#5389aa background color

This paragraph has a background color of #5389aa.

<p style="background-color:#5389aa;">Content here</p>

#5389aa border color

This element has a border color of #5389aa.

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

CSS codes

.text {color:#5389aa;}

.background {background-color:#5389aa;}

.border {border:1px solid #5389aa;}

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

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1419
```
#0c1419 rgb(12,20,25)
```
#131f26
```
#131f26 rgb(19,31,38)
```
#192933
```
#192933 rgb(25,41,51)
```
#203441
```
#203441 rgb(32,52,65)
```
#263f4e
```
#263f4e rgb(38,63,78)
```
#2c495b
```
#2c495b rgb(44,73,91)
```
#335468
```
#335468 rgb(51,84,104)
```
#395f75
```
#395f75 rgb(57,95,117)
```
#406982
```
#406982 rgb(64,105,130)
```
#467490
```
#467490 rgb(70,116,144)
```
#4d7e9d
```
#4d7e9d rgb(77,126,157)
```
#5389aa
```
#5389aa rgb(83,137,170)
```

Shade Color Variation

#5f92b1
```
#5f92b1 rgb(95,146,177)
```
#6d9bb8
```
#6d9bb8 rgb(109,155,184)
```
#7aa4be
```
#7aa4be rgb(122,164,190)
```
#87adc4
```
#87adc4 rgb(135,173,196)
```
#94b6cb
```
#94b6cb rgb(148,182,203)
```
#a1bfd1
```
#a1bfd1 rgb(161,191,209)
```
#afc8d8
```
#afc8d8 rgb(175,200,216)
```
#bcd1de
```
#bcd1de rgb(188,209,222)
```
#c9dae5
```
#c9dae5 rgb(201,218,229)
```
#d6e3eb
```
#d6e3eb rgb(214,227,235)
```
#e3ecf1
```
#e3ecf1 rgb(227,236,241)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7a8083
```
#7a8083 rgb(122,128,131)
```
#70828d
```
#70828d rgb(112,130,141)
```
#668497
```
#668497 rgb(102,132,151)
```
#5d87a0
```
#5d87a0 rgb(93,135,160)
```
#5389aa
```
#5389aa rgb(83,137,170)
```
#498bb4
```
#498bb4 rgb(73,139,180)
```
#408ebd
```
#408ebd rgb(64,142,189)
```
#3690c7
```
#3690c7 rgb(54,144,199)
```
#2c92d1
```
#2c92d1 rgb(44,146,209)
```
#2295db
```
#2295db rgb(34,149,219)
```
#1997e4
```
#1997e4 rgb(25,151,228)
```
#0f99ee
```
#0f99ee rgb(15,153,238)
```
#059cf8
```
#059cf8 rgb(5,156,248)
```

Tone Color Variation

Below, you can see how #5389aa 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

#7d7d7d Achromatopsia 0.005% of the population
#757f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8087a9 Protanopia 1% of men
#7e87b1 Deuteranopia 1% of men
#54929d Tritanopia 0.001% of the population

Trichromacy

#6f88a9 Protanomaly 1% of men, 0.01% of women
#6e87ae Deuteranomaly 6% of men, 0.4% of women
#548ea1 Tritanomaly 0.01% of the population

#5389aa hex color

#5389aa Color Information

#5389aa Color Conversion

Color Schemes with #5389aa

Alternatives to #5389aa

#5389aa Preview

Shades and Tints of #5389aa

Tones of #5389aa

Color Blindness Simulator