#5284cd hex color

In a RGB color space, hex #5284cd is composed of 32.2% red, 51.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 35.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 215.6 degrees, a saturation of 55.2% and a lightness of 56.3%. #5284cd color hex could be obtained by blending #a4ffff with #00099b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 52
- B 80
RGB color chart
- C 60
- M 36
- Y 0
- K 20
CMYK color chart

● #5284cd color description : Moderate blue.

The hexadecimal color #5284cd has RGB values of R:82, G:132, B:205 and CMYK values of C:0.6, M:0.36, Y:0, K:0.2. Its decimal value is 5407949.

Hex triplet	5284cd	`#5284cd`
RGB Decimal	82, 132, 205	`rgb(82,132,205)`
RGB Percent	32.2, 51.8, 80.4	`rgb(32.2%,51.8%,80.4%)`
CMYK	60, 36, 0, 20
HSL	215.6°, 55.2, 56.3	`hsl(215.6,55.2%,56.3%)`
HSV (or HSB)	215.6°, 60, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.765, 5.414, -42.81
XYZ	22.748, 22.703, 60.938
xyY	0.214, 0.213, 22.703
CIE-LCH	54.765, 43.151, 277.208
CIE-LUV	54.765, -22.227, -67.054
Hunter-Lab	47.647, 1.837, -42.474
Binary	01010010, 10000100, 11001101

#5284cd
```
#5284cd rgb(82,132,205)
```
#cd9b52
```
#cd9b52 rgb(205,155,82)
```

Complementary Color

#52c2cd
```
#52c2cd rgb(82,194,205)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#5d52cd
```
#5d52cd rgb(93,82,205)
```

Analogous Color

#c2cd52
```
#c2cd52 rgb(194,205,82)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#cd5d52
```
#cd5d52 rgb(205,93,82)
```

Split Complementary Color

#84cd52
```
#84cd52 rgb(132,205,82)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#cd5284
```
#cd5284 rgb(205,82,132)
```

Triadic Color

#52cd9b
```
#52cd9b rgb(82,205,155)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#cd5284
```
#cd5284 rgb(205,82,132)
```
#cd9b52
```
#cd9b52 rgb(205,155,82)
```

Tetradic Color

#2f5ea3
```
#2f5ea3 rgb(47,94,163)
```
#356ab7
```
#356ab7 rgb(53,106,183)
```
#3e76c7
```
#3e76c7 rgb(62,118,199)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#6692d3
```
#6692d3 rgb(102,146,211)
```
#7aa0d8
```
#7aa0d8 rgb(122,160,216)
```
#8daede
```
#8daede rgb(141,174,222)
```

Monochromatic Color

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

#52a3cd
```
#52a3cd rgb(82,163,205)
```
#5299cd
```
#5299cd rgb(82,153,205)
```
#528ecd
```
#528ecd rgb(82,142,205)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#527acd
```
#527acd rgb(82,122,205)
```
#5270cd
```
#5270cd rgb(82,112,205)
```
#5265cd
```
#5265cd rgb(82,101,205)
```

Similar Colors

Text with hexadecimal color #5284cd

This text has a font color of #5284cd.

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

#5284cd background color

This paragraph has a background color of #5284cd.

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

#5284cd border color

This element has a border color of #5284cd.

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

CSS codes

.text {color:#5284cd;}

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

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

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, #03060a is the darkest color, while #f9fbfd is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1728
```
#0c1728 rgb(12,23,40)
```
#102037
```
#102037 rgb(16,32,55)
```
#142946
```
#142946 rgb(20,41,70)
```
#193256
```
#193256 rgb(25,50,86)
```
#1d3a65
```
#1d3a65 rgb(29,58,101)
```
#224374
```
#224374 rgb(34,67,116)
```
#264c83
```
#264c83 rgb(38,76,131)
```
#2a5593
```
#2a5593 rgb(42,85,147)
```
#2f5ea2
```
#2f5ea2 rgb(47,94,162)
```
#3366b1
```
#3366b1 rgb(51,102,177)
```
#386fc0
```
#386fc0 rgb(56,111,192)
```

Shade Color Variation

#4379c9
```
#4379c9 rgb(67,121,201)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#618fd1
```
#618fd1 rgb(97,143,209)
```
#709ad6
```
#709ad6 rgb(112,154,214)
```
#80a4da
```
#80a4da rgb(128,164,218)
```
#8fafdf
```
#8fafdf rgb(143,175,223)
```
#9ebae3
```
#9ebae3 rgb(158,186,227)
```
#adc5e7
```
#adc5e7 rgb(173,197,231)
```
#bdd0ec
```
#bdd0ec rgb(189,208,236)
```
#ccdbf0
```
#ccdbf0 rgb(204,219,240)
```
#dbe5f5
```
#dbe5f5 rgb(219,229,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f91 is the less saturated color, while #277cf8 is the most saturated one.

#8e8f91
```
#8e8f91 rgb(142,143,145)
```
#858e9a
```
#858e9a rgb(133,142,154)
```
#7d8ca2
```
#7d8ca2 rgb(125,140,162)
```
#748aab
```
#748aab rgb(116,138,171)
```
#6c89b3
```
#6c89b3 rgb(108,137,179)
```
#6387bc
```
#6387bc rgb(99,135,188)
```
#5b86c4
```
#5b86c4 rgb(91,134,196)
```
#5284cd
```
#5284cd rgb(82,132,205)
```
#4982d6
```
#4982d6 rgb(73,130,214)
```
#4181de
```
#4181de rgb(65,129,222)
```
#387fe7
```
#387fe7 rgb(56,127,231)
```
#307eef
```
#307eef rgb(48,126,239)
```
#277cf8
```
#277cf8 rgb(39,124,248)
```

Tone Color Variation

Below, you can see how #5284cd 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
#747e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d87cd Protanopia 1% of men
#5f89cf Deuteranopia 1% of men
#3e949f Tritanopia 0.001% of the population

Trichromacy

#6386cd Protanomaly 1% of men, 0.01% of women
#5a87ce Deuteranomaly 6% of men, 0.4% of women
#458eb0 Tritanomaly 0.01% of the population

#5284cd hex color

#5284cd Color Information

#5284cd Color Conversion

Color Schemes with #5284cd

Alternatives to #5284cd

#5284cd Preview

Shades and Tints of #5284cd

Tones of #5284cd

Color Blindness Simulator