#5302b4 hex color

In a RGB color space, hex #5302b4 is composed of 32.5% red, 0.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 98.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 267.3 degrees, a saturation of 97.8% and a lightness of 35.7%. #5302b4 color hex could be obtained by blending #a604ff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 1
- B 71
RGB color chart
- C 54
- M 99
- Y 0
- K 29
CMYK color chart

● #5302b4 color description : Strong violet.

The hexadecimal color #5302b4 has RGB values of R:83, G:2, B:180 and CMYK values of C:0.54, M:0.99, Y:0, K:0.29. Its decimal value is 5440180.

Hex triplet	5302b4	`#5302b4`
RGB Decimal	83, 2, 180	`rgb(83,2,180)`
RGB Percent	32.5, 0.8, 70.6	`rgb(32.5%,0.8%,70.6%)`
CMYK	54, 99, 0, 29
HSL	267.3°, 97.8, 35.7	`hsl(267.3,97.8%,35.7%)`
HSV (or HSB)	267.3°, 98.9, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	27.235, 63.257, -72.819
XYZ	11.826, 5.178, 43.554
xyY	0.195, 0.085, 5.178
CIE-LCH	27.235, 96.458, 310.98
CIE-LUV	27.235, 6.029, -90.875
Hunter-Lab	22.754, 52.95, -97.559
Binary	01010011, 00000010, 10110100

#5302b4
```
#5302b4 rgb(83,2,180)
```
#63b402
```
#63b402 rgb(99,180,2)
```

Complementary Color

#020ab4
```
#020ab4 rgb(2,10,180)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#ac02b4
```
#ac02b4 rgb(172,2,180)
```

Analogous Color

#0ab402
```
#0ab402 rgb(10,180,2)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#b4ac02
```
#b4ac02 rgb(180,172,2)
```

Split Complementary Color

#02b453
```
#02b453 rgb(2,180,83)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#b45302
```
#b45302 rgb(180,83,2)
```

Triadic Color

#0263b4
```
#0263b4 rgb(2,99,180)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#b45302
```
#b45302 rgb(180,83,2)
```
#63b402
```
#63b402 rgb(99,180,2)
```

Tetradic Color

#300168
```
#300168 rgb(48,1,104)
```
#3c0182
```
#3c0182 rgb(60,1,130)
```
#47029b
```
#47029b rgb(71,2,155)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#5f02cd
```
#5f02cd rgb(95,2,205)
```
#6a03e6
```
#6a03e6 rgb(106,3,230)
```
#7606fc
```
#7606fc rgb(118,6,252)
```

Monochromatic Color

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

#2702b4
```
#2702b4 rgb(39,2,180)
```
#3502b4
```
#3502b4 rgb(53,2,180)
```
#4402b4
```
#4402b4 rgb(68,2,180)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#6202b4
```
#6202b4 rgb(98,2,180)
```
#7102b4
```
#7102b4 rgb(113,2,180)
```
#8002b4
```
#8002b4 rgb(128,2,180)
```

Similar Colors

Text with hexadecimal color #5302b4

This text has a font color of #5302b4.

<span style="color:#5302b4;">Text here</span>

#5302b4 background color

This paragraph has a background color of #5302b4.

<p style="background-color:#5302b4;">Content here</p>

#5302b4 border color

This element has a border color of #5302b4.

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

CSS codes

.text {color:#5302b4;}

.background {background-color:#5302b4;}

.border {border:1px solid #5302b4;}

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

#020005
```
#020005 rgb(2,0,5)
```
#0b0019
```
#0b0019 rgb(11,0,25)
```
#14002c
```
#14002c rgb(20,0,44)
```
#1d0140
```
#1d0140 rgb(29,1,64)
```
#260153
```
#260153 rgb(38,1,83)
```
#2f0166
```
#2f0166 rgb(47,1,102)
```
#38017a
```
#38017a rgb(56,1,122)
```
#41028d
```
#41028d rgb(65,2,141)
```
#4a02a1
```
#4a02a1 rgb(74,2,161)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```
#5c02c7
```
#5c02c7 rgb(92,2,199)
```
#6502db
```
#6502db rgb(101,2,219)
```
#6e03ee
```
#6e03ee rgb(110,3,238)
```

Shade Color Variation

#7708fc
```
#7708fc rgb(119,8,252)
```
#821cfc
```
#821cfc rgb(130,28,252)
```
#8d2ffd
```
#8d2ffd rgb(141,47,253)
```
#9742fd
```
#9742fd rgb(151,66,253)
```
#a256fd
```
#a256fd rgb(162,86,253)
```
#ad69fd
```
#ad69fd rgb(173,105,253)
```
#b77dfe
```
#b77dfe rgb(183,125,254)
```
#c290fe
```
#c290fe rgb(194,144,254)
```
#cda3fe
```
#cda3fe rgb(205,163,254)
```
#d7b7fe
```
#d7b7fe rgb(215,183,254)
```
#e2cafe
```
#e2cafe rgb(226,202,254)
```
#eddeff
```
#eddeff rgb(237,222,255)
```
#f7f1ff
```
#f7f1ff rgb(247,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5660 is the less saturated color, while #5302b4 is the most saturated one.

#5b5660
```
#5b5660 rgb(91,86,96)
```
#5a4f67
```
#5a4f67 rgb(90,79,103)
```
#59486e
```
#59486e rgb(89,72,110)
```
#594175
```
#594175 rgb(89,65,117)
```
#583a7c
```
#583a7c rgb(88,58,124)
```
#573383
```
#573383 rgb(87,51,131)
```
#572c8a
```
#572c8a rgb(87,44,138)
```
#562591
```
#562591 rgb(86,37,145)
```
#561e98
```
#561e98 rgb(86,30,152)
```
#55179f
```
#55179f rgb(85,23,159)
```
#5410a6
```
#5410a6 rgb(84,16,166)
```
#5409ad
```
#5409ad rgb(84,9,173)
```
#5302b4
```
#5302b4 rgb(83,2,180)
```

Tone Color Variation

Below, you can see how #5302b4 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

#2f2f2f Achromatopsia 0.005% of the population
#36264a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#304e54 Tritanopia 0.001% of the population

Trichromacy

#1e2e9a Protanomaly 1% of men, 0.01% of women
#1e318e Deuteranomaly 6% of men, 0.4% of women
#3d3277 Tritanomaly 0.01% of the population

#5302b4 hex color

#5302b4 Color Information

#5302b4 Color Conversion

Color Schemes with #5302b4

Alternatives to #5302b4

#5302b4 Preview

Shades and Tints of #5302b4

Tones of #5302b4

Color Blindness Simulator