#5284b3 hex color

In a RGB color space, hex #5284b3 is composed of 32.2% red, 51.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 26.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 209.1 degrees, a saturation of 39% and a lightness of 51.2%. #5284b3 color hex could be obtained by blending #a4ffff with #000967. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 52
- B 70
RGB color chart
- C 54
- M 26
- Y 0
- K 30
CMYK color chart

● #5284b3 color description : Moderate blue.

The hexadecimal color #5284b3 has RGB values of R:82, G:132, B:179 and CMYK values of C:0.54, M:0.26, Y:0, K:0.3. Its decimal value is 5407923.

Hex triplet	5284b3	`#5284b3`
RGB Decimal	82, 132, 179	`rgb(82,132,179)`
RGB Percent	32.2, 51.8, 70.2	`rgb(32.2%,51.8%,70.2%)`
CMYK	54, 26, 0, 30
HSL	209.1°, 39, 51.2	`hsl(209.1,39%,51.2%)`
HSV (or HSB)	209.1°, 54.2, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.546, -3.04, -29.9
XYZ	19.866, 21.55, 45.758
xyY	0.228, 0.247, 21.55
CIE-LCH	53.546, 30.054, 264.195
CIE-LUV	53.546, -22.572, -44.97
Hunter-Lab	46.422, -4.851, -25.947
Binary	01010010, 10000100, 10110011

#5284b3
```
#5284b3 rgb(82,132,179)
```
#b38152
```
#b38152 rgb(179,129,82)
```

Complementary Color

#52b3b2
```
#52b3b2 rgb(82,179,178)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#5254b3
```
#5254b3 rgb(82,84,179)
```

Analogous Color

#b3b252
```
#b3b252 rgb(179,178,82)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#b35254
```
#b35254 rgb(179,82,84)
```

Split Complementary Color

#84b352
```
#84b352 rgb(132,179,82)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#b35284
```
#b35284 rgb(179,82,132)
```

Triadic Color

#52b381
```
#52b381 rgb(82,179,129)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#b35284
```
#b35284 rgb(179,82,132)
```
#b38152
```
#b38152 rgb(179,129,82)
```

Tetradic Color

#385d80
```
#385d80 rgb(56,93,128)
```
#406a92
```
#406a92 rgb(64,106,146)
```
#4877a4
```
#4877a4 rgb(72,119,164)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#6491bb
```
#6491bb rgb(100,145,187)
```
#759dc3
```
#759dc3 rgb(117,157,195)
```
#87aaca
```
#87aaca rgb(135,170,202)
```

Monochromatic Color

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

#529cb3
```
#529cb3 rgb(82,156,179)
```
#5294b3
```
#5294b3 rgb(82,148,179)
```
#528cb3
```
#528cb3 rgb(82,140,179)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#527cb3
```
#527cb3 rgb(82,124,179)
```
#5274b3
```
#5274b3 rgb(82,116,179)
```
#526cb3
```
#526cb3 rgb(82,108,179)
```

Similar Colors

Text with hexadecimal color #5284b3

This text has a font color of #5284b3.

<span style="color:#5284b3;">Text here</span>

#5284b3 background color

This paragraph has a background color of #5284b3.

<p style="background-color:#5284b3;">Content here</p>

#5284b3 border color

This element has a border color of #5284b3.

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

CSS codes

.text {color:#5284b3;}

.background {background-color:#5284b3;}

.border {border:1px solid #5284b3;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080d12
```
#080d12 rgb(8,13,18)
```
#0e171f
```
#0e171f rgb(14,23,31)
```
#14212d
```
#14212d rgb(20,33,45)
```
#1a2b3b
```
#1a2b3b rgb(26,43,59)
```
#203548
```
#203548 rgb(32,53,72)
```
#263f56
```
#263f56 rgb(38,63,86)
```
#2c4964
```
#2c4964 rgb(44,73,100)
```
#325271
```
#325271 rgb(50,82,113)
```
#385c7f
```
#385c7f rgb(56,92,127)
```
#3e668c
```
#3e668c rgb(62,102,140)
```
#44709a
```
#44709a rgb(68,112,154)
```
#4a7aa8
```
#4a7aa8 rgb(74,122,168)
```

Shade Color Variation

#5284b3
```
#5284b3 rgb(82,132,179)
```
#608eb9
```
#608eb9 rgb(96,142,185)
```
#6d97bf
```
#6d97bf rgb(109,151,191)
```
#7ba1c5
```
#7ba1c5 rgb(123,161,197)
```
#89abcb
```
#89abcb rgb(137,171,203)
```
#96b4d1
```
#96b4d1 rgb(150,180,209)
```
#a4bed7
```
#a4bed7 rgb(164,190,215)
```
#b1c8dd
```
#b1c8dd rgb(177,200,221)
```
#bfd2e3
```
#bfd2e3 rgb(191,210,227)
```
#cddbe9
```
#cddbe9 rgb(205,219,233)
```
#dae5ef
```
#dae5ef rgb(218,229,239)
```
#e8eff5
```
#e8eff5 rgb(232,239,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#828383
```
#828383 rgb(130,131,131)
```
#78838d
```
#78838d rgb(120,131,141)
```
#6f8396
```
#6f8396 rgb(111,131,150)
```
#6583a0
```
#6583a0 rgb(101,131,160)
```
#5c84a9
```
#5c84a9 rgb(92,132,169)
```
#5284b3
```
#5284b3 rgb(82,132,179)
```
#4884bd
```
#4884bd rgb(72,132,189)
```
#3f85c6
```
#3f85c6 rgb(63,133,198)
```
#3585d0
```
#3585d0 rgb(53,133,208)
```
#2c85d9
```
#2c85d9 rgb(44,133,217)
```
#2285e3
```
#2285e3 rgb(34,133,227)
```
#1986ec
```
#1986ec rgb(25,134,236)
```
#0f86f6
```
#0f86f6 rgb(15,134,246)
```

Tone Color Variation

Below, you can see how #5284b3 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
#727c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7784b3 Protanopia 1% of men
#7285b8 Deuteranopia 1% of men
#4d909a Tritanopia 0.001% of the population

Trichromacy

#6a84b3 Protanomaly 1% of men, 0.01% of women
#6684b6 Deuteranomaly 6% of men, 0.4% of women
#4f8ba3 Tritanomaly 0.01% of the population

#5284b3 hex color

#5284b3 Color Information

#5284b3 Color Conversion

Color Schemes with #5284b3

Alternatives to #5284b3

#5284b3 Preview

Shades and Tints of #5284b3

Tones of #5284b3

Color Blindness Simulator