#5304a8 hex color

In a RGB color space, hex #5304a8 is composed of 32.5% red, 1.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 97.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 268.9 degrees, a saturation of 95.3% and a lightness of 33.7%. #5304a8 color hex could be obtained by blending #a608ff with #000051. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 2
- B 66
RGB color chart
- C 51
- M 98
- Y 0
- K 34
CMYK color chart

● #5304a8 color description : Dark violet.

The hexadecimal color #5304a8 has RGB values of R:83, G:4, B:168 and CMYK values of C:0.51, M:0.98, Y:0, K:0.34. Its decimal value is 5440680.

Hex triplet	5304a8	`#5304a8`
RGB Decimal	83, 4, 168	`rgb(83,4,168)`
RGB Percent	32.5, 1.6, 65.9	`rgb(32.5%,1.6%,65.9%)`
CMYK	51, 98, 0, 34
HSL	268.9°, 95.3, 33.7	`hsl(268.9,95.3%,33.7%)`
HSV (or HSB)	268.9°, 97.6, 65.9
Web Safe	660099	`#660099`

CIE-LAB	26.019, 60.141, -67.618
XYZ	10.677, 4.753, 37.398
xyY	0.202, 0.09, 4.753
CIE-LCH	26.019, 90.494, 311.65
CIE-LUV	26.019, 7.483, -83.895
Hunter-Lab	21.801, 49.27, -86.447
Binary	01010011, 00000100, 10101000

#5304a8
```
#5304a8 rgb(83,4,168)
```
#59a804
```
#59a804 rgb(89,168,4)
```

Complementary Color

#0407a8
```
#0407a8 rgb(4,7,168)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#a504a8
```
#a504a8 rgb(165,4,168)
```

Analogous Color

#07a804
```
#07a804 rgb(7,168,4)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#a8a504
```
#a8a504 rgb(168,165,4)
```

Split Complementary Color

#04a853
```
#04a853 rgb(4,168,83)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#a85304
```
#a85304 rgb(168,83,4)
```

Triadic Color

#0459a8
```
#0459a8 rgb(4,89,168)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#a85304
```
#a85304 rgb(168,83,4)
```
#59a804
```
#59a804 rgb(89,168,4)
```

Tetradic Color

#2e025d
```
#2e025d rgb(46,2,93)
```
#3a0376
```
#3a0376 rgb(58,3,118)
```
#47038f
```
#47038f rgb(71,3,143)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#5f05c1
```
#5f05c1 rgb(95,5,193)
```
#6c05da
```
#6c05da rgb(108,5,218)
```
#7806f3
```
#7806f3 rgb(120,6,243)
```

Monochromatic Color

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

#2a04a8
```
#2a04a8 rgb(42,4,168)
```
#3804a8
```
#3804a8 rgb(56,4,168)
```
#4504a8
```
#4504a8 rgb(69,4,168)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#6104a8
```
#6104a8 rgb(97,4,168)
```
#6e04a8
```
#6e04a8 rgb(110,4,168)
```
#7c04a8
```
#7c04a8 rgb(124,4,168)
```

Similar Colors

Text with hexadecimal color #5304a8

This text has a font color of #5304a8.

<span style="color:#5304a8;">Text here</span>

#5304a8 background color

This paragraph has a background color of #5304a8.

<p style="background-color:#5304a8;">Content here</p>

#5304a8 border color

This element has a border color of #5304a8.

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

CSS codes

.text {color:#5304a8;}

.background {background-color:#5304a8;}

.border {border:1px solid #5304a8;}

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, #07000f is the darkest color, while #fdfbff is the lightest one.

#07000f
```
#07000f rgb(7,0,15)
```
#110122
```
#110122 rgb(17,1,34)
```
#1a0135
```
#1a0135 rgb(26,1,53)
```
#240248
```
#240248 rgb(36,2,72)
```
#2d025b
```
#2d025b rgb(45,2,91)
```
#37036f
```
#37036f rgb(55,3,111)
```
#400382
```
#400382 rgb(64,3,130)
```
#4a0495
```
#4a0495 rgb(74,4,149)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```
#5c04bb
```
#5c04bb rgb(92,4,187)
```
#6605ce
```
#6605ce rgb(102,5,206)
```
#6f05e1
```
#6f05e1 rgb(111,5,225)
```
#7906f5
```
#7906f5 rgb(121,6,245)
```

Shade Color Variation

#8315f9
```
#8315f9 rgb(131,21,249)
```
#8d28fa
```
#8d28fa rgb(141,40,250)
```
#973bfa
```
#973bfa rgb(151,59,250)
```
#a14efb
```
#a14efb rgb(161,78,251)
```
#ab61fb
```
#ab61fb rgb(171,97,251)
```
#b674fc
```
#b674fc rgb(182,116,252)
```
#c088fc
```
#c088fc rgb(192,136,252)
```
#ca9bfd
```
#ca9bfd rgb(202,155,253)
```
#d4aefd
```
#d4aefd rgb(212,174,253)
```
#dec1fe
```
#dec1fe rgb(222,193,254)
```
#e8d4fe
```
#e8d4fe rgb(232,212,254)
```
#f3e7fe
```
#f3e7fe rgb(243,231,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#565359
```
#565359 rgb(86,83,89)
```
#564d5f
```
#564d5f rgb(86,77,95)
```
#554666
```
#554666 rgb(85,70,102)
```
#55406c
```
#55406c rgb(85,64,108)
```
#553973
```
#553973 rgb(85,57,115)
```
#55327a
```
#55327a rgb(85,50,122)
```
#542c80
```
#542c80 rgb(84,44,128)
```
#542587
```
#542587 rgb(84,37,135)
```
#541e8e
```
#541e8e rgb(84,30,142)
```
#541894
```
#541894 rgb(84,24,148)
```
#53119b
```
#53119b rgb(83,17,155)
```
#530ba1
```
#530ba1 rgb(83,11,161)
```
#5304a8
```
#5304a8 rgb(83,4,168)
```

Tone Color Variation

Below, you can see how #5304a8 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

#2e2e2e Achromatopsia 0.005% of the population
#352646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#394a4f Tritanopia 0.001% of the population

Trichromacy

#1e2d93 Protanomaly 1% of men, 0.01% of women
#1e3087 Deuteranomaly 6% of men, 0.4% of women
#42306f Tritanomaly 0.01% of the population

#5304a8 hex color

#5304a8 Color Information

#5304a8 Color Conversion

Color Schemes with #5304a8

Alternatives to #5304a8

#5304a8 Preview

Shades and Tints of #5304a8

Tones of #5304a8

Color Blindness Simulator