#5228d4 hex color

In a RGB color space, hex #5228d4 is composed of 32.2% red, 15.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 81.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 254.7 degrees, a saturation of 68.3% and a lightness of 49.4%. #5228d4 color hex could be obtained by blending #a450ff with #0000a9. Closest websafe color is: #6633cc.

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

● #5228d4 color description : Strong blue.

The hexadecimal color #5228d4 has RGB values of R:82, G:40, B:212 and CMYK values of C:0.61, M:0.81, Y:0, K:0.17. Its decimal value is 5384404.

Hex triplet	5228d4	`#5228d4`
RGB Decimal	82, 40, 212	`rgb(82,40,212)`
RGB Percent	32.2, 15.7, 83.1	`rgb(32.2%,15.7%,83.1%)`
CMYK	61, 81, 0, 17
HSL	254.7°, 68.3, 49.4	`hsl(254.7,68.3%,49.4%)`
HSV (or HSB)	254.7°, 81.1, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.116, 60.746, -80.241
XYZ	16.12, 8.064, 62.991
xyY	0.185, 0.093, 8.064
CIE-LCH	34.116, 100.641, 307.127
CIE-LUV	34.116, -0.037, -108.99
Hunter-Lab	28.398, 51.629, -111.637
Binary	01010010, 00101000, 11010100

#5228d4
```
#5228d4 rgb(82,40,212)
```
#aad428
```
#aad428 rgb(170,212,40)
```

Complementary Color

#2854d4
```
#2854d4 rgb(40,84,212)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#a828d4
```
#a828d4 rgb(168,40,212)
```

Analogous Color

#54d428
```
#54d428 rgb(84,212,40)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#d4a828
```
#d4a828 rgb(212,168,40)
```

Split Complementary Color

#28d452
```
#28d452 rgb(40,212,82)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#d45228
```
#d45228 rgb(212,82,40)
```

Triadic Color

#28aad4
```
#28aad4 rgb(40,170,212)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#d45228
```
#d45228 rgb(212,82,40)
```
#aad428
```
#aad428 rgb(170,212,40)
```

Tetradic Color

#391c94
```
#391c94 rgb(57,28,148)
```
#4120a9
```
#4120a9 rgb(65,32,169)
```
#4a24bf
```
#4a24bf rgb(74,36,191)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#623bda
```
#623bda rgb(98,59,218)
```
#7351de
```
#7351de rgb(115,81,222)
```
#8566e2
```
#8566e2 rgb(133,102,226)
```

Monochromatic Color

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

#2829d4
```
#2829d4 rgb(40,41,212)
```
#3528d4
```
#3528d4 rgb(53,40,212)
```
#4428d4
```
#4428d4 rgb(68,40,212)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#6028d4
```
#6028d4 rgb(96,40,212)
```
#6f28d4
```
#6f28d4 rgb(111,40,212)
```
#7d28d4
```
#7d28d4 rgb(125,40,212)
```

Similar Colors

Text with hexadecimal color #5228d4

This text has a font color of #5228d4.

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

#5228d4 background color

This paragraph has a background color of #5228d4.

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

#5228d4 border color

This element has a border color of #5228d4.

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

CSS codes

.text {color:#5228d4;}

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

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

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, #05030e is the darkest color, while #fdfcff is the lightest one.

#05030e
```
#05030e rgb(5,3,14)
```
#0c061e
```
#0c061e rgb(12,6,30)
```
#12092f
```
#12092f rgb(18,9,47)
```
#190c3f
```
#190c3f rgb(25,12,63)
```
#1f0f50
```
#1f0f50 rgb(31,15,80)
```
#251260
```
#251260 rgb(37,18,96)
```
#2c1571
```
#2c1571 rgb(44,21,113)
```
#321881
```
#321881 rgb(50,24,129)
```
#381c92
```
#381c92 rgb(56,28,146)
```
#3f1fa2
```
#3f1fa2 rgb(63,31,162)
```
#4522b3
```
#4522b3 rgb(69,34,179)
```
#4c25c3
```
#4c25c3 rgb(76,37,195)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```

Shade Color Variation

#5e36d9
```
#5e36d9 rgb(94,54,217)
```
#6b47dc
```
#6b47dc rgb(107,71,220)
```
#7957df
```
#7957df rgb(121,87,223)
```
#8668e3
```
#8668e3 rgb(134,104,227)
```
#9378e6
```
#9378e6 rgb(147,120,230)
```
#a089e9
```
#a089e9 rgb(160,137,233)
```
#ae99ec
```
#ae99ec rgb(174,153,236)
```
#bbaaef
```
#bbaaef rgb(187,170,239)
```
#c8baf2
```
#c8baf2 rgb(200,186,242)
```
#d5cbf5
```
#d5cbf5 rgb(213,203,245)
```
#e3dbf8
```
#e3dbf8 rgb(227,219,248)
```
#f0ecfb
```
#f0ecfb rgb(240,236,251)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7686 is the less saturated color, while #3e01fb is the most saturated one.

#7a7686
```
#7a7686 rgb(122,118,134)
```
#756c90
```
#756c90 rgb(117,108,144)
```
#70629a
```
#70629a rgb(112,98,154)
```
#6b58a4
```
#6b58a4 rgb(107,88,164)
```
#664fad
```
#664fad rgb(102,79,173)
```
#6145b7
```
#6145b7 rgb(97,69,183)
```
#5c3bc1
```
#5c3bc1 rgb(92,59,193)
```
#5732ca
```
#5732ca rgb(87,50,202)
```
#5228d4
```
#5228d4 rgb(82,40,212)
```
#4d1ede
```
#4d1ede rgb(77,30,222)
```
#4815e7
```
#4815e7 rgb(72,21,231)
```
#430bf1
```
#430bf1 rgb(67,11,241)
```
#3e01fb
```
#3e01fb rgb(62,1,251)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a4264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1d45b8 Protanomaly 1% of men, 0.01% of women
#1d48aa Deuteranomaly 6% of men, 0.4% of women
#1d4c8f Tritanomaly 0.01% of the population

#5228d4 hex color

#5228d4 Color Information

#5228d4 Color Conversion

Color Schemes with #5228d4

Alternatives to #5228d4

#5228d4 Preview

Shades and Tints of #5228d4

Tones of #5228d4

Color Blindness Simulator