#5486ca hex color

In a RGB color space, hex #5486ca is composed of 32.9% red, 52.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 33.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 214.6 degrees, a saturation of 52.7% and a lightness of 56.1%. #5486ca color hex could be obtained by blending #a8ffff with #000d95. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 53
- B 79
RGB color chart
- C 58
- M 34
- Y 0
- K 21
CMYK color chart

● #5486ca color description : Moderate blue.

The hexadecimal color #5486ca has RGB values of R:84, G:134, B:202 and CMYK values of C:0.58, M:0.34, Y:0, K:0.21. Its decimal value is 5539530.

Hex triplet	5486ca	`#5486ca`
RGB Decimal	84, 134, 202	`rgb(84,134,202)`
RGB Percent	32.9, 52.5, 79.2	`rgb(32.9%,52.5%,79.2%)`
CMYK	58, 34, 0, 21
HSL	214.6°, 52.7, 56.1	`hsl(214.6,52.7%,56.1%)`
HSV (or HSB)	214.6°, 58.4, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.276, 3.629, -40.3
XYZ	22.84, 23.198, 59.148
xyY	0.217, 0.221, 23.198
CIE-LCH	55.276, 40.463, 275.145
CIE-LUV	55.276, -22.423, -62.893
Hunter-Lab	48.164, 0.357, -39.096
Binary	01010100, 10000110, 11001010

#5486ca
```
#5486ca rgb(84,134,202)
```
#ca9854
```
#ca9854 rgb(202,152,84)
```

Complementary Color

#54c1ca
```
#54c1ca rgb(84,193,202)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#5d54ca
```
#5d54ca rgb(93,84,202)
```

Analogous Color

#c1ca54
```
#c1ca54 rgb(193,202,84)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#ca5d54
```
#ca5d54 rgb(202,93,84)
```

Split Complementary Color

#86ca54
```
#86ca54 rgb(134,202,84)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#ca5486
```
#ca5486 rgb(202,84,134)
```

Triadic Color

#54ca98
```
#54ca98 rgb(84,202,152)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#ca5486
```
#ca5486 rgb(202,84,134)
```
#ca9854
```
#ca9854 rgb(202,152,84)
```

Tetradic Color

#3260a0
```
#3260a0 rgb(50,96,160)
```
#386cb3
```
#386cb3 rgb(56,108,179)
```
#4178c4
```
#4178c4 rgb(65,120,196)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#6794d0
```
#6794d0 rgb(103,148,208)
```
#7ba2d6
```
#7ba2d6 rgb(123,162,214)
```
#8eafdc
```
#8eafdc rgb(142,175,220)
```

Monochromatic Color

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

#54a4ca
```
#54a4ca rgb(84,164,202)
```
#549aca
```
#549aca rgb(84,154,202)
```
#5490ca
```
#5490ca rgb(84,144,202)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#547cca
```
#547cca rgb(84,124,202)
```
#5472ca
```
#5472ca rgb(84,114,202)
```
#5469ca
```
#5469ca rgb(84,105,202)
```

Similar Colors

Text with hexadecimal color #5486ca

This text has a font color of #5486ca.

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

#5486ca background color

This paragraph has a background color of #5486ca.

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

#5486ca border color

This element has a border color of #5486ca.

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

CSS codes

.text {color:#5486ca;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070e18
```
#070e18 rgb(7,14,24)
```
#0c1727
```
#0c1727 rgb(12,23,39)
```
#112036
```
#112036 rgb(17,32,54)
```
#152945
```
#152945 rgb(21,41,69)
```
#1a3254
```
#1a3254 rgb(26,50,84)
```
#1f3b63
```
#1f3b63 rgb(31,59,99)
```
#234472
```
#234472 rgb(35,68,114)
```
#284d80
```
#284d80 rgb(40,77,128)
```
#2c568f
```
#2c568f rgb(44,86,143)
```
#315f9e
```
#315f9e rgb(49,95,158)
```
#3668ad
```
#3668ad rgb(54,104,173)
```
#3a71bc
```
#3a71bc rgb(58,113,188)
```

Shade Color Variation

#457bc5
```
#457bc5 rgb(69,123,197)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#6391cf
```
#6391cf rgb(99,145,207)
```
#729bd3
```
#729bd3 rgb(114,155,211)
```
#81a6d8
```
#81a6d8 rgb(129,166,216)
```
#90b0dd
```
#90b0dd rgb(144,176,221)
```
#9fbbe1
```
#9fbbe1 rgb(159,187,225)
```
#aec6e6
```
#aec6e6 rgb(174,198,230)
```
#bdd0ea
```
#bdd0ea rgb(189,208,234)
```
#ccdbef
```
#ccdbef rgb(204,219,239)
```
#dbe5f4
```
#dbe5f4 rgb(219,229,244)
```
#eaf0f8
```
#eaf0f8 rgb(234,240,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e96 is the less saturated color, while #207efe is the most saturated one.

#888e96
```
#888e96 rgb(136,142,150)
```
#7f8d9f
```
#7f8d9f rgb(127,141,159)
```
#768ba8
```
#768ba8 rgb(118,139,168)
```
#6e8ab0
```
#6e8ab0 rgb(110,138,176)
```
#6589b9
```
#6589b9 rgb(101,137,185)
```
#5d87c1
```
#5d87c1 rgb(93,135,193)
```
#5486ca
```
#5486ca rgb(84,134,202)
```
#4b85d3
```
#4b85d3 rgb(75,133,211)
```
#4383db
```
#4383db rgb(67,131,219)
```
#3a82e4
```
#3a82e4 rgb(58,130,228)
```
#3281ec
```
#3281ec rgb(50,129,236)
```
#297ff5
```
#297ff5 rgb(41,127,245)
```
#207efe
```
#207efe rgb(32,126,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#76808e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7288c9 Protanopia 1% of men
#658acd Deuteranopia 1% of men
#4495a0 Tritanopia 0.001% of the population

Trichromacy

#6787c9 Protanomaly 1% of men, 0.01% of women
#5f88cc Deuteranomaly 6% of men, 0.4% of women
#4a8faf Tritanomaly 0.01% of the population

#5486ca hex color

#5486ca Color Information

#5486ca Color Conversion

Color Schemes with #5486ca

Alternatives to #5486ca

#5486ca Preview

Shades and Tints of #5486ca

Tones of #5486ca

Color Blindness Simulator