#5486e2 hex color

In a RGB color space, hex #5486e2 is composed of 32.9% red, 52.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 40.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 218.9 degrees, a saturation of 71% and a lightness of 60.8%. #5486e2 color hex could be obtained by blending #a8ffff with #000dc5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 89
RGB color chart
- C 63
- M 41
- Y 0
- K 11
CMYK color chart

● #5486e2 color description : Soft blue.

The hexadecimal color #5486e2 has RGB values of R:84, G:134, B:226 and CMYK values of C:0.63, M:0.41, Y:0, K:0.11. Its decimal value is 5539554.

Hex triplet	5486e2	`#5486e2`
RGB Decimal	84, 134, 226	`rgb(84,134,226)`
RGB Percent	32.9, 52.5, 88.6	`rgb(32.9%,52.5%,88.6%)`
CMYK	63, 41, 0, 11
HSL	218.9°, 71, 60.8	`hsl(218.9,71%,60.8%)`
HSV (or HSB)	218.9°, 62.8, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.51, 11.638, -51.845
XYZ	25.906, 24.424, 75.297
xyY	0.206, 0.194, 24.424
CIE-LCH	56.51, 53.135, 282.652
CIE-LUV	56.51, -22.193, -82.818
Hunter-Lab	49.421, 7.08, -55.738
Binary	01010100, 10000110, 11100010

#5486e2
```
#5486e2 rgb(84,134,226)
```
#e2b054
```
#e2b054 rgb(226,176,84)
```

Complementary Color

#54cde2
```
#54cde2 rgb(84,205,226)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#6954e2
```
#6954e2 rgb(105,84,226)
```

Analogous Color

#cde254
```
#cde254 rgb(205,226,84)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#e26954
```
#e26954 rgb(226,105,84)
```

Split Complementary Color

#86e254
```
#86e254 rgb(134,226,84)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#e25486
```
#e25486 rgb(226,84,134)
```

Triadic Color

#54e2b0
```
#54e2b0 rgb(84,226,176)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#e25486
```
#e25486 rgb(226,84,134)
```
#e2b054
```
#e2b054 rgb(226,176,84)
```

Tetradic Color

#225cc8
```
#225cc8 rgb(34,92,200)
```
#2867db
```
#2867db rgb(40,103,219)
```
#3e77de
```
#3e77de rgb(62,119,222)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#6a95e6
```
#6a95e6 rgb(106,149,230)
```
#80a5e9
```
#80a5e9 rgb(128,165,233)
```
#95b4ed
```
#95b4ed rgb(149,180,237)
```

Monochromatic Color

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

#54aae2
```
#54aae2 rgb(84,170,226)
```
#549ee2
```
#549ee2 rgb(84,158,226)
```
#5492e2
```
#5492e2 rgb(84,146,226)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#547ae2
```
#547ae2 rgb(84,122,226)
```
#546ee2
```
#546ee2 rgb(84,110,226)
```
#5463e2
```
#5463e2 rgb(84,99,226)
```

Similar Colors

Text with hexadecimal color #5486e2

This text has a font color of #5486e2.

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

#5486e2 background color

This paragraph has a background color of #5486e2.

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

#5486e2 border color

This element has a border color of #5486e2.

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

CSS codes

.text {color:#5486e2;}

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

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

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, #02060d is the darkest color, while #fcfdfe is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#050e1e
```
#050e1e rgb(5,14,30)
```
#08162f
```
#08162f rgb(8,22,47)
```
#0b1d40
```
#0b1d40 rgb(11,29,64)
```
#0e2551
```
#0e2551 rgb(14,37,81)
```
#112d61
```
#112d61 rgb(17,45,97)
```
#133572
```
#133572 rgb(19,53,114)
```
#163c83
```
#163c83 rgb(22,60,131)
```
#194494
```
#194494 rgb(25,68,148)
```
#1c4ca4
```
#1c4ca4 rgb(28,76,164)
```
#1f54b5
```
#1f54b5 rgb(31,84,181)
```
#225bc6
```
#225bc6 rgb(34,91,198)
```
#2463d7
```
#2463d7 rgb(36,99,215)
```

Shade Color Variation

#326edc
```
#326edc rgb(50,110,220)
```
#437adf
```
#437adf rgb(67,122,223)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#6592e5
```
#6592e5 rgb(101,146,229)
```
#769ee8
```
#769ee8 rgb(118,158,232)
```
#86aaeb
```
#86aaeb rgb(134,170,235)
```
#97b5ed
```
#97b5ed rgb(151,181,237)
```
#a8c1f0
```
#a8c1f0 rgb(168,193,240)
```
#b9cdf3
```
#b9cdf3 rgb(185,205,243)
```
#c9d9f6
```
#c9d9f6 rgb(201,217,246)
```
#dae5f9
```
#dae5f9 rgb(218,229,249)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9d is the less saturated color, while #3d7ff9 is the most saturated one.

#999a9d
```
#999a9d rgb(153,154,157)
```
#9298a4
```
#9298a4 rgb(146,152,164)
```
#8a96ac
```
#8a96ac rgb(138,150,172)
```
#8294b4
```
#8294b4 rgb(130,148,180)
```
#7a91bc
```
#7a91bc rgb(122,145,188)
```
#738fc3
```
#738fc3 rgb(115,143,195)
```
#6b8dcb
```
#6b8dcb rgb(107,141,203)
```
#638bd3
```
#638bd3 rgb(99,139,211)
```
#5c88da
```
#5c88da rgb(92,136,218)
```
#5486e2
```
#5486e2 rgb(84,134,226)
```
#4c84ea
```
#4c84ea rgb(76,132,234)
```
#4581f1
```
#4581f1 rgb(69,129,241)
```
#3d7ff9
```
#3d7ff9 rgb(61,127,249)
```

Tone Color Variation

Below, you can see how #5486e2 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

#828282 Achromatopsia 0.005% of the population
#798395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#658ae2 Protanopia 1% of men
#4c8ee2 Deuteranopia 1% of men
#2f9aa5 Tritanopia 0.001% of the population

Trichromacy

#5f89e2 Protanomaly 1% of men, 0.01% of women
#4f8be2 Deuteranomaly 6% of men, 0.4% of women
#3c93bb Tritanomaly 0.01% of the population

#5486e2 hex color

#5486e2 Color Information

#5486e2 Color Conversion

Color Schemes with #5486e2

Alternatives to #5486e2

#5486e2 Preview

Shades and Tints of #5486e2

Tones of #5486e2

Color Blindness Simulator