#5287a2 hex color

In a RGB color space, hex #5287a2 is composed of 32.2% red, 52.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 16.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 200.3 degrees, a saturation of 32.8% and a lightness of 47.8%. #5287a2 color hex could be obtained by blending #a4ffff with #000f45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 53
- B 64
RGB color chart
- C 49
- M 17
- Y 0
- K 36
CMYK color chart

● #5287a2 color description : Dark moderate blue.

The hexadecimal color #5287a2 has RGB values of R:82, G:135, B:162 and CMYK values of C:0.49, M:0.17, Y:0, K:0.36. Its decimal value is 5408674.

Hex triplet	5287a2	`#5287a2`
RGB Decimal	82, 135, 162	`rgb(82,135,162)`
RGB Percent	32.2, 52.9, 63.5	`rgb(32.2%,52.9%,63.5%)`
CMYK	49, 17, 0, 36
HSL	200.3°, 32.8, 47.8	`hsl(200.3,32.8%,47.8%)`
HSV (or HSB)	200.3°, 49.4, 63.5
Web Safe	669999	`#669999`

CIE-LAB	53.739, -9.98, -19.816
XYZ	18.664, 21.729, 37.391
xyY	0.24, 0.279, 21.729
CIE-LCH	53.739, 22.187, 243.27
CIE-LUV	53.739, -24.034, -28.082
Hunter-Lab	46.615, -10.108, -14.928
Binary	01010010, 10000111, 10100010

#5287a2
```
#5287a2 rgb(82,135,162)
```
#a26d52
```
#a26d52 rgb(162,109,82)
```

Complementary Color

#52a295
```
#52a295 rgb(82,162,149)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#525fa2
```
#525fa2 rgb(82,95,162)
```

Analogous Color

#a29552
```
#a29552 rgb(162,149,82)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#a2525f
```
#a2525f rgb(162,82,95)
```

Split Complementary Color

#87a252
```
#87a252 rgb(135,162,82)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#a25287
```
#a25287 rgb(162,82,135)
```

Triadic Color

#52a26d
```
#52a26d rgb(82,162,109)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#a25287
```
#a25287 rgb(162,82,135)
```
#a26d52
```
#a26d52 rgb(162,109,82)
```

Tetradic Color

#385d6f
```
#385d6f rgb(56,93,111)
```
#416b80
```
#416b80 rgb(65,107,128)
```
#497991
```
#497991 rgb(73,121,145)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#5f94ae
```
#5f94ae rgb(95,148,174)
```
#709fb7
```
#709fb7 rgb(112,159,183)
```
#81aabf
```
#81aabf rgb(129,170,191)
```

Monochromatic Color

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

#529ba2
```
#529ba2 rgb(82,155,162)
```
#5294a2
```
#5294a2 rgb(82,148,162)
```
#528ea2
```
#528ea2 rgb(82,142,162)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#5280a2
```
#5280a2 rgb(82,128,162)
```
#527aa2
```
#527aa2 rgb(82,122,162)
```
#5273a2
```
#5273a2 rgb(82,115,162)
```

Similar Colors

Text with hexadecimal color #5287a2

This text has a font color of #5287a2.

<span style="color:#5287a2;">Text here</span>

#5287a2 background color

This paragraph has a background color of #5287a2.

<p style="background-color:#5287a2;">Content here</p>

#5287a2 border color

This element has a border color of #5287a2.

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

CSS codes

.text {color:#5287a2;}

.background {background-color:#5287a2;}

.border {border:1px solid #5287a2;}

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

#030506
```
#030506 rgb(3,5,6)
```
#091013
```
#091013 rgb(9,16,19)
```
#101a20
```
#101a20 rgb(16,26,32)
```
#17252d
```
#17252d rgb(23,37,45)
```
#1d303a
```
#1d303a rgb(29,48,58)
```
#243b47
```
#243b47 rgb(36,59,71)
```
#2a4654
```
#2a4654 rgb(42,70,84)
```
#315161
```
#315161 rgb(49,81,97)
```
#385c6e
```
#385c6e rgb(56,92,110)
```
#3e667b
```
#3e667b rgb(62,102,123)
```
#457188
```
#457188 rgb(69,113,136)
```
#4b7c95
```
#4b7c95 rgb(75,124,149)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```

Shade Color Variation

#5b91ac
```
#5b91ac rgb(91,145,172)
```
#689ab3
```
#689ab3 rgb(104,154,179)
```
#75a2b9
```
#75a2b9 rgb(117,162,185)
```
#82abc0
```
#82abc0 rgb(130,171,192)
```
#90b4c7
```
#90b4c7 rgb(144,180,199)
```
#9dbdcd
```
#9dbdcd rgb(157,189,205)
```
#aac6d4
```
#aac6d4 rgb(170,198,212)
```
#b7ceda
```
#b7ceda rgb(183,206,218)
```
#c4d7e1
```
#c4d7e1 rgb(196,215,225)
```
#d1e0e8
```
#d1e0e8 rgb(209,224,232)
```
#dee9ee
```
#dee9ee rgb(222,233,238)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b7c is the less saturated color, while #079fed is the most saturated one.

#787b7c
```
#787b7c rgb(120,123,124)
```
#6e7e86
```
#6e7e86 rgb(110,126,134)
```
#65818f
```
#65818f rgb(101,129,143)
```
#5b8499
```
#5b8499 rgb(91,132,153)
```
#5287a2
```
#5287a2 rgb(82,135,162)
```
#498aab
```
#498aab rgb(73,138,171)
```
#3f8db5
```
#3f8db5 rgb(63,141,181)
```
#3690be
```
#3690be rgb(54,144,190)
```
#2c93c8
```
#2c93c8 rgb(44,147,200)
```
#2396d1
```
#2396d1 rgb(35,150,209)
```
#1a99da
```
#1a99da rgb(26,153,218)
```
#109ce4
```
#109ce4 rgb(16,156,228)
```
#079fed
```
#079fed rgb(7,159,237)
```

Tone Color Variation

Below, you can see how #5287a2 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

#7a7a7a Achromatopsia 0.005% of the population
#727d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8085a2 Protanopia 1% of men
#7f84a9 Deuteranopia 1% of men
#558f9a Tritanopia 0.001% of the population

Trichromacy

#6f86a2 Protanomaly 1% of men, 0.01% of women
#6f85a7 Deuteranomaly 6% of men, 0.4% of women
#548c9c Tritanomaly 0.01% of the population

#5287a2 hex color

#5287a2 Color Information

#5287a2 Color Conversion

Color Schemes with #5287a2

Alternatives to #5287a2

#5287a2 Preview

Shades and Tints of #5287a2

Tones of #5287a2

Color Blindness Simulator