#5487ff hex color

In a RGB color space, hex #5487ff is composed of 32.9% red, 52.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 47.1% magenta, 0% yellow and 0% black. It has a hue angle of 222.1 degrees, a saturation of 100% and a lightness of 66.5%. #5487ff color hex could be obtained by blending #a8ffff with #000fff. Closest websafe color is: #6699ff.

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

● #5487ff color description : Light blue.

The hexadecimal color #5487ff has RGB values of R:84, G:135, B:255 and CMYK values of C:0.67, M:0.47, Y:0, K:0. Its decimal value is 5539839.

Hex triplet	5487ff	`#5487ff`
RGB Decimal	84, 135, 255	`rgb(84,135,255)`
RGB Percent	32.9, 52.9, 100	`rgb(32.9%,52.9%,100%)`
CMYK	67, 47, 0, 0
HSL	222.1°, 100, 66.5	`hsl(222.1,100%,66.5%)`
HSV (or HSB)	222.1°, 67.1, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.444, 20.934, -64.818
XYZ	30.366, 26.431, 98.104
xyY	0.196, 0.171, 26.431
CIE-LCH	58.444, 68.115, 287.899
CIE-LUV	58.444, -22.341, -105.208
Hunter-Lab	51.411, 15.463, -77.151
Binary	01010100, 10000111, 11111111

#5487ff
```
#5487ff rgb(84,135,255)
```
#ffcc54
```
#ffcc54 rgb(255,204,84)
```

Complementary Color

#54ddff
```
#54ddff rgb(84,221,255)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#7754ff
```
#7754ff rgb(119,84,255)
```

Analogous Color

#ddff54
```
#ddff54 rgb(221,255,84)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#ff7754
```
#ff7754 rgb(255,119,84)
```

Split Complementary Color

#87ff54
```
#87ff54 rgb(135,255,84)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#ff5487
```
#ff5487 rgb(255,84,135)
```

Triadic Color

#54ffcc
```
#54ffcc rgb(84,255,204)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#ff5487
```
#ff5487 rgb(255,84,135)
```
#ffcc54
```
#ffcc54 rgb(255,204,84)
```

Tetradic Color

#0751ff
```
#0751ff rgb(7,81,255)
```
#2163ff
```
#2163ff rgb(33,99,255)
```
#3b75ff
```
#3b75ff rgb(59,117,255)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#6e99ff
```
#6e99ff rgb(110,153,255)
```
#87abff
```
#87abff rgb(135,171,255)
```
#a1bdff
```
#a1bdff rgb(161,189,255)
```

Monochromatic Color

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

#54b2ff
```
#54b2ff rgb(84,178,255)
```
#54a4ff
```
#54a4ff rgb(84,164,255)
```
#5495ff
```
#5495ff rgb(84,149,255)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#5479ff
```
#5479ff rgb(84,121,255)
```
#546bff
```
#546bff rgb(84,107,255)
```
#545cff
```
#545cff rgb(84,92,255)
```

Similar Colors

Text with hexadecimal color #5487ff

This text has a font color of #5487ff.

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

#5487ff background color

This paragraph has a background color of #5487ff.

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

#5487ff border color

This element has a border color of #5487ff.

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

CSS codes

.text {color:#5487ff;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000819
```
#000819 rgb(0,8,25)
```
#000d2d
```
#000d2d rgb(0,13,45)
```
#001340
```
#001340 rgb(0,19,64)
```
#001954
```
#001954 rgb(0,25,84)
```
#001f68
```
#001f68 rgb(0,31,104)
```
#00257b
```
#00257b rgb(0,37,123)
```
#002b8f
```
#002b8f rgb(0,43,143)
```
#0030a2
```
#0030a2 rgb(0,48,162)
```
#0036b6
```
#0036b6 rgb(0,54,182)
```
#003cca
```
#003cca rgb(0,60,202)
```
#0042dd
```
#0042dd rgb(0,66,221)
```
#0048f1
```
#0048f1 rgb(0,72,241)
```

Shade Color Variation

#0650ff
```
#0650ff rgb(6,80,255)
```
#195eff
```
#195eff rgb(25,94,255)
```
#2d6bff
```
#2d6bff rgb(45,107,255)
```
#4079ff
```
#4079ff rgb(64,121,255)
```
#5487ff
```
#5487ff rgb(84,135,255)
```
#6895ff
```
#6895ff rgb(104,149,255)
```
#7ba3ff
```
#7ba3ff rgb(123,163,255)
```
#8fb0ff
```
#8fb0ff rgb(143,176,255)
```
#a2beff
```
#a2beff rgb(162,190,255)
```
#b6ccff
```
#b6ccff rgb(182,204,255)
```
#cadaff
```
#cadaff rgb(202,218,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#a3a7b0
```
#a3a7b0 rgb(163,167,176)
```
#9ca4b7
```
#9ca4b7 rgb(156,164,183)
```
#96a2bd
```
#96a2bd rgb(150,162,189)
```
#8f9fc4
```
#8f9fc4 rgb(143,159,196)
```
#899cca
```
#899cca rgb(137,156,202)
```
#829ad1
```
#829ad1 rgb(130,154,209)
```
#7b97d8
```
#7b97d8 rgb(123,151,216)
```
#7594de
```
#7594de rgb(117,148,222)
```
#6e92e5
```
#6e92e5 rgb(110,146,229)
```
#688feb
```
#688feb rgb(104,143,235)
```
#618cf2
```
#618cf2 rgb(97,140,242)
```
#5b8af8
```
#5b8af8 rgb(91,138,248)
```
#5487ff
```
#5487ff rgb(84,135,255)
```

Tone Color Variation

Below, you can see how #5487ff 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

#528eff Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#538bff Protanomaly 1% of men, 0.01% of women
#1e8ffa Deuteranomaly 6% of men, 0.4% of women
#1e97ca Tritanomaly 0.01% of the population

#5487ff hex color

#5487ff Color Information

#5487ff Color Conversion

Color Schemes with #5487ff

Alternatives to #5487ff

#5487ff Preview

Shades and Tints of #5487ff

Tones of #5487ff

Color Blindness Simulator