#5288b6 hex color

In a RGB color space, hex #5288b6 is composed of 32.2% red, 53.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 25.3% magenta, 0% yellow and 28.6% black. It has a hue angle of 207.6 degrees, a saturation of 40.7% and a lightness of 51.8%. #5288b6 color hex could be obtained by blending #a4ffff with #00116d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 71
RGB color chart
- C 55
- M 25
- Y 0
- K 29
CMYK color chart

● #5288b6 color description : Moderate blue.

The hexadecimal color #5288b6 has RGB values of R:82, G:136, B:182 and CMYK values of C:0.55, M:0.25, Y:0, K:0.29. Its decimal value is 5408950.

Hex triplet	5288b6	`#5288b6`
RGB Decimal	82, 136, 182	`rgb(82,136,182)`
RGB Percent	32.2, 53.3, 71.4	`rgb(32.2%,53.3%,71.4%)`
CMYK	55, 25, 0, 29
HSL	207.6°, 40.7, 51.8	`hsl(207.6,40.7%,51.8%)`
HSV (or HSB)	207.6°, 54.9, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.843, -4.411, -29.603
XYZ	20.725, 22.778, 47.558
xyY	0.228, 0.25, 22.778
CIE-LCH	54.843, 29.929, 261.525
CIE-LUV	54.843, -24.029, -44.521
Hunter-Lab	47.727, -6.008, -25.672
Binary	01010010, 10001000, 10110110

#5288b6
```
#5288b6 rgb(82,136,182)
```
#b68052
```
#b68052 rgb(182,128,82)
```

Complementary Color

#52b6b2
```
#52b6b2 rgb(82,182,178)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#5256b6
```
#5256b6 rgb(82,86,182)
```

Analogous Color

#b6b252
```
#b6b252 rgb(182,178,82)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#b65256
```
#b65256 rgb(182,82,86)
```

Split Complementary Color

#88b652
```
#88b652 rgb(136,182,82)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#b65288
```
#b65288 rgb(182,82,136)
```

Triadic Color

#52b680
```
#52b680 rgb(82,182,128)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#b65288
```
#b65288 rgb(182,82,136)
```
#b68052
```
#b68052 rgb(182,128,82)
```

Tetradic Color

#386184
```
#386184 rgb(56,97,132)
```
#3f6e96
```
#3f6e96 rgb(63,110,150)
```
#477ba8
```
#477ba8 rgb(71,123,168)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#6494be
```
#6494be rgb(100,148,190)
```
#76a1c5
```
#76a1c5 rgb(118,161,197)
```
#88adcd
```
#88adcd rgb(136,173,205)
```

Monochromatic Color

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

#52a1b6
```
#52a1b6 rgb(82,161,182)
```
#5299b6
```
#5299b6 rgb(82,153,182)
```
#5290b6
```
#5290b6 rgb(82,144,182)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#5280b6
```
#5280b6 rgb(82,128,182)
```
#5277b6
```
#5277b6 rgb(82,119,182)
```
#526fb6
```
#526fb6 rgb(82,111,182)
```

Similar Colors

Text with hexadecimal color #5288b6

This text has a font color of #5288b6.

<span style="color:#5288b6;">Text here</span>

#5288b6 background color

This paragraph has a background color of #5288b6.

<p style="background-color:#5288b6;">Content here</p>

#5288b6 border color

This element has a border color of #5288b6.

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

CSS codes

.text {color:#5288b6;}

.background {background-color:#5288b6;}

.border {border:1px solid #5288b6;}

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 #f8fafc is the lightest one.

#030506
```
#030506 rgb(3,5,6)
```
#080f14
```
#080f14 rgb(8,15,20)
```
#0e1922
```
#0e1922 rgb(14,25,34)
```
#142330
```
#142330 rgb(20,35,48)
```
#1a2d3e
```
#1a2d3e rgb(26,45,62)
```
#20374b
```
#20374b rgb(32,55,75)
```
#264159
```
#264159 rgb(38,65,89)
```
#2b4c67
```
#2b4c67 rgb(43,76,103)
```
#315675
```
#315675 rgb(49,86,117)
```
#376082
```
#376082 rgb(55,96,130)
```
#3d6a90
```
#3d6a90 rgb(61,106,144)
```
#43749e
```
#43749e rgb(67,116,158)
```
#497eac
```
#497eac rgb(73,126,172)
```

Shade Color Variation

#5288b6
```
#5288b6 rgb(82,136,182)
```
#6091bc
```
#6091bc rgb(96,145,188)
```
#6e9bc2
```
#6e9bc2 rgb(110,155,194)
```
#7ba4c7
```
#7ba4c7 rgb(123,164,199)
```
#89aecd
```
#89aecd rgb(137,174,205)
```
#97b7d3
```
#97b7d3 rgb(151,183,211)
```
#a5c1d9
```
#a5c1d9 rgb(165,193,217)
```
#b3cadf
```
#b3cadf rgb(179,202,223)
```
#c0d4e5
```
#c0d4e5 rgb(192,212,229)
```
#ceddea
```
#ceddea rgb(206,221,234)
```
#dce7f0
```
#dce7f0 rgb(220,231,240)
```
#eaf0f6
```
#eaf0f6 rgb(234,240,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#818487
```
#818487 rgb(129,132,135)
```
#788590
```
#788590 rgb(120,133,144)
```
#6e869a
```
#6e869a rgb(110,134,154)
```
#6586a3
```
#6586a3 rgb(101,134,163)
```
#5b87ad
```
#5b87ad rgb(91,135,173)
```
#5288b6
```
#5288b6 rgb(82,136,182)
```
#4989bf
```
#4989bf rgb(73,137,191)
```
#3f8ac9
```
#3f8ac9 rgb(63,138,201)
```
#368ad2
```
#368ad2 rgb(54,138,210)
```
#2c8bdc
```
#2c8bdc rgb(44,139,220)
```
#238ce5
```
#238ce5 rgb(35,140,229)
```
#198def
```
#198def rgb(25,141,239)
```
#108df8
```
#108df8 rgb(16,141,248)
```

Tone Color Variation

Below, you can see how #5288b6 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

#7d7d7d Achromatopsia 0.005% of the population
#747f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b88b5 Protanopia 1% of men
#7688bc Deuteranopia 1% of men
#4d939e Tritanopia 0.001% of the population

Trichromacy

#6c88b5 Protanomaly 1% of men, 0.01% of women
#6988b9 Deuteranomaly 6% of men, 0.4% of women
#4f8fa6 Tritanomaly 0.01% of the population

#5288b6 hex color

#5288b6 Color Information

#5288b6 Color Conversion

Color Schemes with #5288b6

Alternatives to #5288b6

#5288b6 Preview

Shades and Tints of #5288b6

Tones of #5288b6

Color Blindness Simulator