#5187ff hex color

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

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

● #5187ff color description : Light blue.

The hexadecimal color #5187ff has RGB values of R:81, G:135, B:255 and CMYK values of C:0.68, M:0.47, Y:0, K:0. Its decimal value is 5343231.

Hex triplet	5187ff	`#5187ff`
RGB Decimal	81, 135, 255	`rgb(81,135,255)`
RGB Percent	31.8, 52.9, 100	`rgb(31.8%,52.9%,100%)`
CMYK	68, 47, 0, 0
HSL	221.4°, 100, 65.9	`hsl(221.4,100%,65.9%)`
HSV (or HSB)	221.4°, 68.2, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.316, 20.494, -65.03
XYZ	30.103, 26.295, 98.091
xyY	0.195, 0.17, 26.295
CIE-LCH	58.316, 68.183, 287.492
CIE-LUV	58.316, -22.987, -105.453
Hunter-Lab	51.279, 15.051, -77.52
Binary	01010001, 10000111, 11111111

#5187ff
```
#5187ff rgb(81,135,255)
```
#ffc951
```
#ffc951 rgb(255,201,81)
```

Complementary Color

#51deff
```
#51deff rgb(81,222,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#7251ff
```
#7251ff rgb(114,81,255)
```

Analogous Color

#deff51
```
#deff51 rgb(222,255,81)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#ff7251
```
#ff7251 rgb(255,114,81)
```

Split Complementary Color

#87ff51
```
#87ff51 rgb(135,255,81)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#ff5187
```
#ff5187 rgb(255,81,135)
```

Triadic Color

#51ffc9
```
#51ffc9 rgb(81,255,201)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#ff5187
```
#ff5187 rgb(255,81,135)
```
#ffc951
```
#ffc951 rgb(255,201,81)
```

Tetradic Color

#0452ff
```
#0452ff rgb(4,82,255)
```
#1e64ff
```
#1e64ff rgb(30,100,255)
```
#3875ff
```
#3875ff rgb(56,117,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#6b99ff
```
#6b99ff rgb(107,153,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#9ebcff
```
#9ebcff rgb(158,188,255)
```

Monochromatic Color

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

#51b3ff
```
#51b3ff rgb(81,179,255)
```
#51a4ff
```
#51a4ff rgb(81,164,255)
```
#5196ff
```
#5196ff rgb(81,150,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#5179ff
```
#5179ff rgb(81,121,255)
```
#516aff
```
#516aff rgb(81,106,255)
```
#515bff
```
#515bff rgb(81,91,255)
```

Similar Colors

Text with hexadecimal color #5187ff

This text has a font color of #5187ff.

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

#5187ff background color

This paragraph has a background color of #5187ff.

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

#5187ff border color

This element has a border color of #5187ff.

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

CSS codes

.text {color:#5187ff;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000716
```
#000716 rgb(0,7,22)
```
#000d2a
```
#000d2a rgb(0,13,42)
```
#00133d
```
#00133d rgb(0,19,61)
```
#001951
```
#001951 rgb(0,25,81)
```
#001f65
```
#001f65 rgb(0,31,101)
```
#002578
```
#002578 rgb(0,37,120)
```
#002b8c
```
#002b8c rgb(0,43,140)
```
#00319f
```
#00319f rgb(0,49,159)
```
#0038b3
```
#0038b3 rgb(0,56,179)
```
#003ec7
```
#003ec7 rgb(0,62,199)
```
#0044da
```
#0044da rgb(0,68,218)
```
#004aee
```
#004aee rgb(0,74,238)
```

Shade Color Variation

#0351ff
```
#0351ff rgb(3,81,255)
```
#165eff
```
#165eff rgb(22,94,255)
```
#2a6cff
```
#2a6cff rgb(42,108,255)
```
#3d79ff
```
#3d79ff rgb(61,121,255)
```
#5187ff
```
#5187ff rgb(81,135,255)
```
#6595ff
```
#6595ff rgb(101,149,255)
```
#78a2ff
```
#78a2ff rgb(120,162,255)
```
#8cb0ff
```
#8cb0ff rgb(140,176,255)
```
#9fbdff
```
#9fbdff rgb(159,189,255)
```
#b3cbff
```
#b3cbff rgb(179,203,255)
```
#c7d8ff
```
#c7d8ff rgb(199,216,255)
```
#dae6ff
```
#dae6ff rgb(218,230,255)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#a1a5af
```
#a1a5af rgb(161,165,175)
```
#9ba3b5
```
#9ba3b5 rgb(155,163,181)
```
#94a0bc
```
#94a0bc rgb(148,160,188)
```
#8d9ec3
```
#8d9ec3 rgb(141,158,195)
```
#879bc9
```
#879bc9 rgb(135,155,201)
```
#8099d0
```
#8099d0 rgb(128,153,208)
```
#7996d7
```
#7996d7 rgb(121,150,215)
```
#7294de
```
#7294de rgb(114,148,222)
```
#6c91e4
```
#6c91e4 rgb(108,145,228)
```
#658feb
```
#658feb rgb(101,143,235)
```
#5e8cf2
```
#5e8cf2 rgb(94,140,242)
```
#588af8
```
#588af8 rgb(88,138,248)
```
#5187ff
```
#5187ff rgb(81,135,255)
```

Tone Color Variation

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

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

Trichromacy

#518bff Protanomaly 1% of men, 0.01% of women
#1d8ffa Deuteranomaly 6% of men, 0.4% of women
#1d97c9 Tritanomaly 0.01% of the population

#5187ff hex color

#5187ff Color Information

#5187ff Color Conversion

Color Schemes with #5187ff

Alternatives to #5187ff

#5187ff Preview

Shades and Tints of #5187ff

Tones of #5187ff

Color Blindness Simulator