#5283d4 hex color

In a RGB color space, hex #5283d4 is composed of 32.2% red, 51.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 38.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 217.4 degrees, a saturation of 60.2% and a lightness of 57.6%. #5283d4 color hex could be obtained by blending #a4ffff with #0007a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 51
- B 83
RGB color chart
- C 61
- M 38
- Y 0
- K 17
CMYK color chart

● #5283d4 color description : Moderate blue.

The hexadecimal color #5283d4 has RGB values of R:82, G:131, B:212 and CMYK values of C:0.61, M:0.38, Y:0, K:0.17. Its decimal value is 5407700.

Hex triplet	5283d4	`#5283d4`
RGB Decimal	82, 131, 212	`rgb(82,131,212)`
RGB Percent	32.2, 51.4, 83.1	`rgb(32.2%,51.4%,83.1%)`
CMYK	61, 38, 0, 17
HSL	217.4°, 60.2, 57.6	`hsl(217.4,60.2%,57.6%)`
HSV (or HSB)	217.4°, 61.3, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.843, 8.357, -46.64
XYZ	23.477, 22.778, 65.443
xyY	0.21, 0.204, 22.778
CIE-LCH	54.843, 47.383, 280.159
CIE-LUV	54.843, -21.81, -73.593
Hunter-Lab	47.727, 4.283, -47.89
Binary	01010010, 10000011, 11010100

#5283d4
```
#5283d4 rgb(82,131,212)
```
#d4a352
```
#d4a352 rgb(212,163,82)
```

Complementary Color

#52c4d4
```
#52c4d4 rgb(82,196,212)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#6252d4
```
#6252d4 rgb(98,82,212)
```

Analogous Color

#c4d452
```
#c4d452 rgb(196,212,82)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#d46252
```
#d46252 rgb(212,98,82)
```

Split Complementary Color

#83d452
```
#83d452 rgb(131,212,82)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#d45283
```
#d45283 rgb(212,82,131)
```

Triadic Color

#52d4a3
```
#52d4a3 rgb(82,212,163)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#d45283
```
#d45283 rgb(212,82,131)
```
#d4a352
```
#d4a352 rgb(212,163,82)
```

Tetradic Color

#2b5dae
```
#2b5dae rgb(43,93,174)
```
#3068c3
```
#3068c3 rgb(48,104,195)
```
#3e74cf
```
#3e74cf rgb(62,116,207)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#6692d9
```
#6692d9 rgb(102,146,217)
```
#7ba0de
```
#7ba0de rgb(123,160,222)
```
#8fafe3
```
#8fafe3 rgb(143,175,227)
```

Monochromatic Color

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

#52a4d4
```
#52a4d4 rgb(82,164,212)
```
#5299d4
```
#5299d4 rgb(82,153,212)
```
#528ed4
```
#528ed4 rgb(82,142,212)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#5278d4
```
#5278d4 rgb(82,120,212)
```
#526dd4
```
#526dd4 rgb(82,109,212)
```
#5263d4
```
#5263d4 rgb(82,99,212)
```

Similar Colors

Text with hexadecimal color #5283d4

This text has a font color of #5283d4.

<span style="color:#5283d4;">Text here</span>

#5283d4 background color

This paragraph has a background color of #5283d4.

<p style="background-color:#5283d4;">Content here</p>

#5283d4 border color

This element has a border color of #5283d4.

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

CSS codes

.text {color:#5283d4;}

.background {background-color:#5283d4;}

.border {border:1px solid #5283d4;}

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

#040810
```
#040810 rgb(4,8,16)
```
#08111f
```
#08111f rgb(8,17,31)
```
#0c192f
```
#0c192f rgb(12,25,47)
```
#10213f
```
#10213f rgb(16,33,63)
```
#132a4e
```
#132a4e rgb(19,42,78)
```
#17325e
```
#17325e rgb(23,50,94)
```
#1b3a6e
```
#1b3a6e rgb(27,58,110)
```
#1f437d
```
#1f437d rgb(31,67,125)
```
#234b8d
```
#234b8d rgb(35,75,141)
```
#27539d
```
#27539d rgb(39,83,157)
```
#2b5cad
```
#2b5cad rgb(43,92,173)
```
#2f64bc
```
#2f64bc rgb(47,100,188)
```
#336dcc
```
#336dcc rgb(51,109,204)
```

Shade Color Variation

#4278d0
```
#4278d0 rgb(66,120,208)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#628ed8
```
#628ed8 rgb(98,142,216)
```
#719adc
```
#719adc rgb(113,154,220)
```
#81a5e0
```
#81a5e0 rgb(129,165,224)
```
#91b0e4
```
#91b0e4 rgb(145,176,228)
```
#a1bbe8
```
#a1bbe8 rgb(161,187,232)
```
#b0c7eb
```
#b0c7eb rgb(176,199,235)
```
#c0d2ef
```
#c0d2ef rgb(192,210,239)
```
#d0ddf3
```
#d0ddf3 rgb(208,221,243)
```
#dfe8f7
```
#dfe8f7 rgb(223,232,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c919a
```
#8c919a rgb(140,145,154)
```
#848fa2
```
#848fa2 rgb(132,143,162)
```
#7c8daa
```
#7c8daa rgb(124,141,170)
```
#738bb3
```
#738bb3 rgb(115,139,179)
```
#6b89bb
```
#6b89bb rgb(107,137,187)
```
#6387c3
```
#6387c3 rgb(99,135,195)
```
#5a85cc
```
#5a85cc rgb(90,133,204)
```
#5283d4
```
#5283d4 rgb(82,131,212)
```
#4a81dc
```
#4a81dc rgb(74,129,220)
```
#417fe5
```
#417fe5 rgb(65,127,229)
```
#397ded
```
#397ded rgb(57,125,237)
```
#317bf5
```
#317bf5 rgb(49,123,245)
```
#2879fe
```
#2879fe rgb(40,121,254)
```

Tone Color Variation

Below, you can see how #5283d4 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

#7e7e7e Achromatopsia 0.005% of the population
#757f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6987d4 Protanopia 1% of men
#568ad5 Deuteranopia 1% of men
#3895a0 Tritanopia 0.001% of the population

Trichromacy

#6085d4 Protanomaly 1% of men, 0.01% of women
#5487d5 Deuteranomaly 6% of men, 0.4% of women
#418eb3 Tritanomaly 0.01% of the population

#5283d4 hex color

#5283d4 Color Information

#5283d4 Color Conversion

Color Schemes with #5283d4

Alternatives to #5283d4

#5283d4 Preview

Shades and Tints of #5283d4

Tones of #5283d4

Color Blindness Simulator