colorhexa.com

#5402df hex color

In a RGB color space, hex #5402df is composed of 32.9% red, 0.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 99.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 262.3 degrees, a saturation of 98.2% and a lightness of 44.1%. #5402df color hex could be obtained by blending #a804ff with #0000bf. Closest websafe color is: #6600cc.

- R 33
- G 1
- B 87
RGB color chart
- C 62
- M 99
- Y 0
- K 13
CMYK color chart

● #5402df color description : Vivid violet.

The hexadecimal color #5402df has RGB values of R:84, G:2, B:223 and CMYK values of C:0.62, M:0.99, Y:0, K:0.13. Its decimal value is 5505759.

Hex triplet	5402df	`#5402df`
RGB Decimal	84, 2, 223	`rgb(84,2,223)`
RGB Percent	32.9, 0.8, 87.5	`rgb(32.9%,0.8%,87.5%)`
CMYK	62, 99, 0, 13
HSL	262.3°, 98.2, 44.1	`hsl(262.3,98.2%,44.1%)`
HSV (or HSB)	262.3°, 99.1, 87.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.381, 73.143, -89.455
XYZ	16.995, 7.255, 70.313
xyY	0.18, 0.077, 7.255
CIE-LCH	32.381, 115.551, 309.271
CIE-LUV	32.381, 1.692, -115.526
Hunter-Lab	26.936, 65.484, -135.915
Binary	01010100, 00000010, 11011111

#5402df
```
#5402df rgb(84,2,223)
```
#8ddf02
```
#8ddf02 rgb(141,223,2)
```

Complementary Color

#021edf
```
#021edf rgb(2,30,223)
```
#5402df
```
#5402df rgb(84,2,223)
```
#c302df
```
#c302df rgb(195,2,223)
```

Analogous Color

#1fdf02
```
#1fdf02 rgb(31,223,2)
```
#5402df
```
#5402df rgb(84,2,223)
```
#dfc302
```
#dfc302 rgb(223,195,2)
```

Split Complementary Color

#370193
```
#370193 rgb(55,1,147)
```
#4102ac
```
#4102ac rgb(65,2,172)
```
#4a02c6
```
#4a02c6 rgb(74,2,198)
```
#5402df
```
#5402df rgb(84,2,223)
```
#5e02f8
```
#5e02f8 rgb(94,2,248)
```
#6c17fd
```
#6c17fd rgb(108,23,253)
```
#7c30fd
```
#7c30fd rgb(124,48,253)
```

Monochromatic Color

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

#1d02df
```
#1d02df rgb(29,2,223)
```
#2f02df
```
#2f02df rgb(47,2,223)
```
#4202df
```
#4202df rgb(66,2,223)
```
#5402df
```
#5402df rgb(84,2,223)
```
#6602df
```
#6602df rgb(102,2,223)
```
#7902df
```
#7902df rgb(121,2,223)
```
#8b02df
```
#8b02df rgb(139,2,223)
```

Similar Colors

Text with hexadecimal color #5402df

This text has a font color of #5402df.

<span style="color:#5402df;">Text here</span>

#5402df background color

This paragraph has a background color of #5402df.

<p style="background-color:#5402df;">Content here</p>

#5402df border color

This element has a border color of #5402df.

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

CSS codes

.text {color:#5402df;}

.background {background-color:#5402df;}

.border {border:1px solid #5402df;}

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

#030009
```
#030009 rgb(3,0,9)
```
#0b001d
```
#0b001d rgb(11,0,29)
```
#120030
```
#120030 rgb(18,0,48)
```
#190143
```
#190143 rgb(25,1,67)
```
#210157
```
#210157 rgb(33,1,87)
```
#28016a
```
#28016a rgb(40,1,106)
```
#2f017e
```
#2f017e rgb(47,1,126)
```
#370191
```
#370191 rgb(55,1,145)
```
#3e01a5
```
#3e01a5 rgb(62,1,165)
```
#4502b8
```
#4502b8 rgb(69,2,184)
```
#4d02cc
```
#4d02cc rgb(77,2,204)
```
#5402df
```
#5402df rgb(84,2,223)
```
#5b02f2
```
#5b02f2 rgb(91,2,242)
```

Shade Color Variation

#650bfd
```
#650bfd rgb(101,11,253)
```
#711ffd
```
#711ffd rgb(113,31,253)
```
#7e32fd
```
#7e32fd rgb(126,50,253)
```
#8a46fd
```
#8a46fd rgb(138,70,253)
```
#9659fe
```
#9659fe rgb(150,89,254)
```
#a26dfe
```
#a26dfe rgb(162,109,254)
```
#af80fe
```
#af80fe rgb(175,128,254)
```
#bb94fe
```
#bb94fe rgb(187,148,254)
```
#c7a7fe
```
#c7a7fe rgb(199,167,254)
```
#d4bafe
```
#d4bafe rgb(212,186,254)
```
#e0ceff
```
#e0ceff rgb(224,206,255)
```
#ece1ff
```
#ece1ff rgb(236,225,255)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6a77 is the less saturated color, while #5402df is the most saturated one.

#6f6a77
```
#6f6a77 rgb(111,106,119)
```
#6d6180
```
#6d6180 rgb(109,97,128)
```
#6a5988
```
#6a5988 rgb(106,89,136)
```
#685091
```
#685091 rgb(104,80,145)
```
#66479a
```
#66479a rgb(102,71,154)
```
#643fa2
```
#643fa2 rgb(100,63,162)
```
#6136ab
```
#6136ab rgb(97,54,171)
```
#5f2db4
```
#5f2db4 rgb(95,45,180)
```
#5d25bc
```
#5d25bc rgb(93,37,188)
```
#5b1cc5
```
#5b1cc5 rgb(91,28,197)
```
#5813ce
```
#5813ce rgb(88,19,206)
```
#560bd6
```
#560bd6 rgb(86,11,214)
```
#5402df
```
#5402df rgb(84,2,223)
```

Tone Color Variation

Below, you can see how #5402df 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

#343434 Achromatopsia 0.005% of the population
#3a2a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#1e35b7 Protanomaly 1% of men, 0.01% of women
#1e38a9 Deuteranomaly 6% of men, 0.4% of women
#1e3c90 Tritanomaly 0.01% of the population