#5486fc hex color

In a RGB color space, hex #5486fc is composed of 32.9% red, 52.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 46.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.1 degrees, a saturation of 96.6% and a lightness of 65.9%. #5486fc color hex could be obtained by blending #a8ffff with #000df9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 53
- B 99
RGB color chart
- C 67
- M 47
- Y 0
- K 1
CMYK color chart

● #5486fc color description : Soft blue.

The hexadecimal color #5486fc has RGB values of R:84, G:134, B:252 and CMYK values of C:0.67, M:0.47, Y:0, K:0.01. Its decimal value is 5539580.

Hex triplet	5486fc	`#5486fc`
RGB Decimal	84, 134, 252	`rgb(84,134,252)`
RGB Percent	32.9, 52.5, 98.8	`rgb(32.9%,52.5%,98.8%)`
CMYK	67, 47, 0, 1
HSL	222.1°, 96.6, 65.9	`hsl(222.1,96.6%,65.9%)`
HSV (or HSB)	222.1°, 66.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58, 20.51, -63.881
XYZ	29.748, 25.961, 95.533
xyY	0.197, 0.172, 25.961
CIE-LCH	58, 67.092, 287.8
CIE-LUV	58, -22.047, -103.506
Hunter-Lab	50.952, 15.049, -75.5
Binary	01010100, 10000110, 11111100

#5486fc
```
#5486fc rgb(84,134,252)
```
#fcca54
```
#fcca54 rgb(252,202,84)
```

Complementary Color

#54dafc
```
#54dafc rgb(84,218,252)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#7654fc
```
#7654fc rgb(118,84,252)
```

Analogous Color

#dafc54
```
#dafc54 rgb(218,252,84)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#fc7654
```
#fc7654 rgb(252,118,84)
```

Split Complementary Color

#86fc54
```
#86fc54 rgb(134,252,84)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#fc5486
```
#fc5486 rgb(252,84,134)
```

Triadic Color

#54fcca
```
#54fcca rgb(84,252,202)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#fc5486
```
#fc5486 rgb(252,84,134)
```
#fcca54
```
#fcca54 rgb(252,202,84)
```

Tetradic Color

#0951fb
```
#0951fb rgb(9,81,251)
```
#2263fb
```
#2263fb rgb(34,99,251)
```
#3b74fc
```
#3b74fc rgb(59,116,252)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#6d98fc
```
#6d98fc rgb(109,152,252)
```
#86a9fd
```
#86a9fd rgb(134,169,253)
```
#9fbbfd
```
#9fbbfd rgb(159,187,253)
```

Monochromatic Color

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

#54b0fc
```
#54b0fc rgb(84,176,252)
```
#54a2fc
```
#54a2fc rgb(84,162,252)
```
#5494fc
```
#5494fc rgb(84,148,252)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#5478fc
```
#5478fc rgb(84,120,252)
```
#546afc
```
#546afc rgb(84,106,252)
```
#545cfc
```
#545cfc rgb(84,92,252)
```

Similar Colors

Text with hexadecimal color #5486fc

This text has a font color of #5486fc.

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

#5486fc background color

This paragraph has a background color of #5486fc.

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

#5486fc border color

This element has a border color of #5486fc.

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

CSS codes

.text {color:#5486fc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000716
```
#000716 rgb(0,7,22)
```
#010d29
```
#010d29 rgb(1,13,41)
```
#01133c
```
#01133c rgb(1,19,60)
```
#011950
```
#011950 rgb(1,25,80)
```
#021f63
```
#021f63 rgb(2,31,99)
```
#022576
```
#022576 rgb(2,37,118)
```
#022b89
```
#022b89 rgb(2,43,137)
```
#03319d
```
#03319d rgb(3,49,157)
```
#0337b0
```
#0337b0 rgb(3,55,176)
```
#033dc3
```
#033dc3 rgb(3,61,195)
```
#0442d7
```
#0442d7 rgb(4,66,215)
```
#0448ea
```
#0448ea rgb(4,72,234)
```

Shade Color Variation

#074ffb
```
#074ffb rgb(7,79,251)
```
#1a5dfb
```
#1a5dfb rgb(26,93,251)
```
#2d6bfb
```
#2d6bfb rgb(45,107,251)
```
#4178fc
```
#4178fc rgb(65,120,252)
```
#5486fc
```
#5486fc rgb(84,134,252)
```
#6794fc
```
#6794fc rgb(103,148,252)
```
#7ba1fd
```
#7ba1fd rgb(123,161,253)
```
#8eaffd
```
#8eaffd rgb(142,175,253)
```
#a1bdfd
```
#a1bdfd rgb(161,189,253)
```
#b4cafe
```
#b4cafe rgb(180,202,254)
```
#c8d8fe
```
#c8d8fe rgb(200,216,254)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a7ac is the less saturated color, while #5486fc is the most saturated one.

#a4a7ac
```
#a4a7ac rgb(164,167,172)
```
#9ea4b2
```
#9ea4b2 rgb(158,164,178)
```
#97a1b9
```
#97a1b9 rgb(151,161,185)
```
#909ec0
```
#909ec0 rgb(144,158,192)
```
#8a9cc6
```
#8a9cc6 rgb(138,156,198)
```
#8399cd
```
#8399cd rgb(131,153,205)
```
#7c96d4
```
#7c96d4 rgb(124,150,212)
```
#7594db
```
#7594db rgb(117,148,219)
```
#6f91e1
```
#6f91e1 rgb(111,145,225)
```
#688ee8
```
#688ee8 rgb(104,142,232)
```
#618bef
```
#618bef rgb(97,139,239)
```
#5b89f5
```
#5b89f5 rgb(91,137,245)
```
#5486fc
```
#5486fc rgb(84,134,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#518dfd Protanopia 1% of men
#0093f6 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#528afc Protanomaly 1% of men, 0.01% of women
#1e8ef8 Deuteranomaly 6% of men, 0.4% of women
#1e96c8 Tritanomaly 0.01% of the population

#5486fc hex color

#5486fc Color Information

#5486fc Color Conversion

Color Schemes with #5486fc

Alternatives to #5486fc

#5486fc Preview

Shades and Tints of #5486fc

Tones of #5486fc

Color Blindness Simulator