#5487fa hex color

In a RGB color space, hex #5487fa is composed of 32.9% red, 52.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 46% magenta, 0% yellow and 2% black. It has a hue angle of 221.6 degrees, a saturation of 94.3% and a lightness of 65.5%. #5487fa color hex could be obtained by blending #a8ffff with #000ff5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 53
- B 98
RGB color chart
- C 66
- M 46
- Y 0
- K 2
CMYK color chart

● #5487fa color description : Soft blue.

The hexadecimal color #5487fa has RGB values of R:84, G:135, B:250 and CMYK values of C:0.66, M:0.46, Y:0, K:0.02. Its decimal value is 5539834.

Hex triplet	5487fa	`#5487fa`
RGB Decimal	84, 135, 250	`rgb(84,135,250)`
RGB Percent	32.9, 52.9, 98	`rgb(32.9%,52.9%,98%)`
CMYK	66, 46, 0, 2
HSL	221.6°, 94.3, 65.5	`hsl(221.6,94.3%,65.5%)`
HSV (or HSB)	221.6°, 66.4, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.144, 19.218, -62.548
XYZ	29.572, 26.113, 93.919
xyY	0.198, 0.175, 26.113
CIE-LCH	58.144, 65.434, 287.079
CIE-LUV	58.144, -22.363, -101.319
Hunter-Lab	51.101, 13.87, -73.199
Binary	01010100, 10000111, 11111010

#5487fa
```
#5487fa rgb(84,135,250)
```
#fac754
```
#fac754 rgb(250,199,84)
```

Complementary Color

#54dafa
```
#54dafa rgb(84,218,250)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#7454fa
```
#7454fa rgb(116,84,250)
```

Analogous Color

#dafa54
```
#dafa54 rgb(218,250,84)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#fa7454
```
#fa7454 rgb(250,116,84)
```

Split Complementary Color

#87fa54
```
#87fa54 rgb(135,250,84)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#fa5487
```
#fa5487 rgb(250,84,135)
```

Triadic Color

#54fac7
```
#54fac7 rgb(84,250,199)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#fa5487
```
#fa5487 rgb(250,84,135)
```
#fac754
```
#fac754 rgb(250,199,84)
```

Tetradic Color

#0a53f8
```
#0a53f8 rgb(10,83,248)
```
#2264f9
```
#2264f9 rgb(34,100,249)
```
#3b76f9
```
#3b76f9 rgb(59,118,249)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#6d98fb
```
#6d98fb rgb(109,152,251)
```
#86aafb
```
#86aafb rgb(134,170,251)
```
#9ebbfc
```
#9ebbfc rgb(158,187,252)
```

Monochromatic Color

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

#54b1fa
```
#54b1fa rgb(84,177,250)
```
#54a3fa
```
#54a3fa rgb(84,163,250)
```
#5495fa
```
#5495fa rgb(84,149,250)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#5479fa
```
#5479fa rgb(84,121,250)
```
#546bfa
```
#546bfa rgb(84,107,250)
```
#545efa
```
#545efa rgb(84,94,250)
```

Similar Colors

Text with hexadecimal color #5487fa

This text has a font color of #5487fa.

<span style="color:#5487fa;">Text here</span>

#5487fa background color

This paragraph has a background color of #5487fa.

<p style="background-color:#5487fa;">Content here</p>

#5487fa border color

This element has a border color of #5487fa.

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

CSS codes

.text {color:#5487fa;}

.background {background-color:#5487fa;}

.border {border:1px solid #5487fa;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010614
```
#010614 rgb(1,6,20)
```
#010d27
```
#010d27 rgb(1,13,39)
```
#02133a
```
#02133a rgb(2,19,58)
```
#02194d
```
#02194d rgb(2,25,77)
```
#031f60
```
#031f60 rgb(3,31,96)
```
#032673
```
#032673 rgb(3,38,115)
```
#042c86
```
#042c86 rgb(4,44,134)
```
#043299
```
#043299 rgb(4,50,153)
```
#0538ac
```
#0538ac rgb(5,56,172)
```
#063fbf
```
#063fbf rgb(6,63,191)
```
#0645d2
```
#0645d2 rgb(6,69,210)
```
#074be5
```
#074be5 rgb(7,75,229)
```

Shade Color Variation

#0852f8
```
#0852f8 rgb(8,82,248)
```
#1b5ff8
```
#1b5ff8 rgb(27,95,248)
```
#2e6cf9
```
#2e6cf9 rgb(46,108,249)
```
#417af9
```
#417af9 rgb(65,122,249)
```
#5487fa
```
#5487fa rgb(84,135,250)
```
#6794fb
```
#6794fb rgb(103,148,251)
```
#7aa2fb
```
#7aa2fb rgb(122,162,251)
```
#8daffc
```
#8daffc rgb(141,175,252)
```
#a0bcfc
```
#a0bcfc rgb(160,188,252)
```
#b3cafd
```
#b3cafd rgb(179,202,253)
```
#c6d7fd
```
#c6d7fd rgb(198,215,253)
```
#d9e5fe
```
#d9e5fe rgb(217,229,254)
```
#ecf2fe
```
#ecf2fe rgb(236,242,254)
```

Tint Color Variation

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

#a5a6a9
```
#a5a6a9 rgb(165,166,169)
```
#9ea4b0
```
#9ea4b0 rgb(158,164,176)
```
#98a1b6
```
#98a1b6 rgb(152,161,182)
```
#919ebd
```
#919ebd rgb(145,158,189)
```
#8a9cc4
```
#8a9cc4 rgb(138,156,196)
```
#8399cb
```
#8399cb rgb(131,153,203)
```
#7d97d1
```
#7d97d1 rgb(125,151,209)
```
#7694d8
```
#7694d8 rgb(118,148,216)
```
#6f91df
```
#6f91df rgb(111,145,223)
```
#688fe6
```
#688fe6 rgb(104,143,230)
```
#628cec
```
#628cec rgb(98,140,236)
```
#5b8af3
```
#5b8af3 rgb(91,138,243)
```
#5487fa
```
#5487fa rgb(84,135,250)
```

Tone Color Variation

Below, you can see how #5487fa 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
#7b859c Atypical Achromatopsia 0.001% of the population

Dichromacy

#558efb Protanopia 1% of men
#0594f7 Deuteranopia 1% of men
#009fab Tritanopia 0.001% of the population

Trichromacy

#558bfa Protanomaly 1% of men, 0.01% of women
#228ff8 Deuteranomaly 6% of men, 0.4% of women
#1e96c7 Tritanomaly 0.01% of the population

#5487fa hex color

#5487fa Color Information

#5487fa Color Conversion

Color Schemes with #5487fa

Alternatives to #5487fa

#5487fa Preview

Shades and Tints of #5487fa

Tones of #5487fa

Color Blindness Simulator