#5486b9 hex color

In a RGB color space, hex #5486b9 is composed of 32.9% red, 52.5% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 27.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 210.3 degrees, a saturation of 41.9% and a lightness of 52.7%. #5486b9 color hex could be obtained by blending #a8ffff with #000d73. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 73
RGB color chart
- C 55
- M 28
- Y 0
- K 27
CMYK color chart

● #5486b9 color description : Moderate blue.

The hexadecimal color #5486b9 has RGB values of R:84, G:134, B:185 and CMYK values of C:0.55, M:0.28, Y:0, K:0.27. Its decimal value is 5539513.

Hex triplet	5486b9	`#5486b9`
RGB Decimal	84, 134, 185	`rgb(84,134,185)`
RGB Percent	32.9, 52.5, 72.5	`rgb(32.9%,52.5%,72.5%)`
CMYK	55, 28, 0, 27
HSL	210.3°, 41.9, 52.7	`hsl(210.3,41.9%,52.7%)`
HSV (or HSB)	210.3°, 54.6, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.487, -1.859, -31.864
XYZ	20.936, 22.437, 49.124
xyY	0.226, 0.243, 22.437
CIE-LCH	54.487, 31.918, 266.66
CIE-LUV	54.487, -22.639, -48.423
Hunter-Lab	47.367, -3.996, -28.331
Binary	01010100, 10000110, 10111001

#5486b9
```
#5486b9 rgb(84,134,185)
```
#b98754
```
#b98754 rgb(185,135,84)
```

Complementary Color

#54b9b9
```
#54b9b9 rgb(84,185,185)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#5454b9
```
#5454b9 rgb(84,84,185)
```

Analogous Color

#b9b954
```
#b9b954 rgb(185,185,84)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#b95454
```
#b95454 rgb(185,84,84)
```

Split Complementary Color

#86b954
```
#86b954 rgb(134,185,84)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#b95486
```
#b95486 rgb(185,84,134)
```

Triadic Color

#54b987
```
#54b987 rgb(84,185,135)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#b95486
```
#b95486 rgb(185,84,134)
```
#b98754
```
#b98754 rgb(185,135,84)
```

Tetradic Color

#386089
```
#386089 rgb(56,96,137)
```
#3f6d9b
```
#3f6d9b rgb(63,109,155)
```
#4779ad
```
#4779ad rgb(71,121,173)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#6693c0
```
#6693c0 rgb(102,147,192)
```
#78a0c8
```
#78a0c8 rgb(120,160,200)
```
#8aaccf
```
#8aaccf rgb(138,172,207)
```

Monochromatic Color

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

#549fb9
```
#549fb9 rgb(84,159,185)
```
#5497b9
```
#5497b9 rgb(84,151,185)
```
#548eb9
```
#548eb9 rgb(84,142,185)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#547eb9
```
#547eb9 rgb(84,126,185)
```
#5475b9
```
#5475b9 rgb(84,117,185)
```
#546db9
```
#546db9 rgb(84,109,185)
```

Similar Colors

Text with hexadecimal color #5486b9

This text has a font color of #5486b9.

<span style="color:#5486b9;">Text here</span>

#5486b9 background color

This paragraph has a background color of #5486b9.

<p style="background-color:#5486b9;">Content here</p>

#5486b9 border color

This element has a border color of #5486b9.

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

CSS codes

.text {color:#5486b9;}

.background {background-color:#5486b9;}

.border {border:1px solid #5486b9;}

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#0f1b26
```
#0f1b26 rgb(15,27,38)
```
#152434
```
#152434 rgb(21,36,52)
```
#1b2e42
```
#1b2e42 rgb(27,46,66)
```
#213850
```
#213850 rgb(33,56,80)
```
#26425d
```
#26425d rgb(38,66,93)
```
#2c4b6b
```
#2c4b6b rgb(44,75,107)
```
#325579
```
#325579 rgb(50,85,121)
```
#375f87
```
#375f87 rgb(55,95,135)
```
#3d6995
```
#3d6995 rgb(61,105,149)
```
#4372a3
```
#4372a3 rgb(67,114,163)
```
#487cb1
```
#487cb1 rgb(72,124,177)
```

Shade Color Variation

#5486b9
```
#5486b9 rgb(84,134,185)
```
#6290bf
```
#6290bf rgb(98,144,191)
```
#709ac4
```
#709ac4 rgb(112,154,196)
```
#7ea4ca
```
#7ea4ca rgb(126,164,202)
```
#8cadd0
```
#8cadd0 rgb(140,173,208)
```
#9ab7d5
```
#9ab7d5 rgb(154,183,213)
```
#a8c1db
```
#a8c1db rgb(168,193,219)
```
#b5cbe1
```
#b5cbe1 rgb(181,203,225)
```
#c3d5e7
```
#c3d5e7 rgb(195,213,231)
```
#d1dfec
```
#d1dfec rgb(209,223,236)
```
#dfe8f2
```
#dfe8f2 rgb(223,232,242)
```
#edf2f8
```
#edf2f8 rgb(237,242,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82868b is the less saturated color, while #1385fa is the most saturated one.

#82868b
```
#82868b rgb(130,134,139)
```
#798694
```
#798694 rgb(121,134,148)
```
#70869d
```
#70869d rgb(112,134,157)
```
#6786a6
```
#6786a6 rgb(103,134,166)
```
#5d86b0
```
#5d86b0 rgb(93,134,176)
```
#5486b9
```
#5486b9 rgb(84,134,185)
```
#4b86c2
```
#4b86c2 rgb(75,134,194)
```
#4186cc
```
#4186cc rgb(65,134,204)
```
#3886d5
```
#3886d5 rgb(56,134,213)
```
#2f86de
```
#2f86de rgb(47,134,222)
```
#2686e7
```
#2686e7 rgb(38,134,231)
```
#1c85f1
```
#1c85f1 rgb(28,133,241)
```
#1385fa
```
#1385fa rgb(19,133,250)
```

Tone Color Variation

Below, you can see how #5486b9 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
#757f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887b8 Protanopia 1% of men
#7287be Deuteranopia 1% of men
#4e929d Tritanopia 0.001% of the population

Trichromacy

#6b86b8 Protanomaly 1% of men, 0.01% of women
#6787bc Deuteranomaly 6% of men, 0.4% of women
#508da7 Tritanomaly 0.01% of the population

#5486b9 hex color

#5486b9 Color Information

#5486b9 Color Conversion

Color Schemes with #5486b9

Alternatives to #5486b9

#5486b9 Preview

Shades and Tints of #5486b9

Tones of #5486b9

Color Blindness Simulator