#5840f2 hex color

In a RGB color space, hex #5840f2 is composed of 34.5% red, 25.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 73.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.1 degrees, a saturation of 87.3% and a lightness of 60%. #5840f2 color hex could be obtained by blending #b080ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 25
- B 95
RGB color chart
- C 64
- M 74
- Y 0
- K 5
CMYK color chart

● #5840f2 color description : Bright blue.

The hexadecimal color #5840f2 has RGB values of R:88, G:64, B:242 and CMYK values of C:0.64, M:0.74, Y:0, K:0.05. Its decimal value is 5783794.

Hex triplet	5840f2	`#5840f2`
RGB Decimal	88, 64, 242	`rgb(88,64,242)`
RGB Percent	34.5, 25.1, 94.9	`rgb(34.5%,25.1%,94.9%)`
CMYK	64, 74, 0, 5
HSL	248.1°, 87.3, 60	`hsl(248.1,87.3%,60%)`
HSV (or HSB)	248.1°, 73.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.456, 58.791, -85.232
XYZ	21.882, 12.151, 85.192
xyY	0.184, 0.102, 12.151
CIE-LCH	41.456, 103.541, 304.597
CIE-LUV	41.456, -4.015, -124.196
Hunter-Lab	34.859, 51.047, -120.498
Binary	01011000, 01000000, 11110010

#5840f2
```
#5840f2 rgb(88,64,242)
```
#daf240
```
#daf240 rgb(218,242,64)
```

Complementary Color

#4081f2
```
#4081f2 rgb(64,129,242)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#b140f2
```
#b140f2 rgb(177,64,242)
```

Analogous Color

#81f240
```
#81f240 rgb(129,242,64)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#f2b140
```
#f2b140 rgb(242,177,64)
```

Split Complementary Color

#40f258
```
#40f258 rgb(64,242,88)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#f25840
```
#f25840 rgb(242,88,64)
```

Triadic Color

#40daf2
```
#40daf2 rgb(64,218,242)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#f25840
```
#f25840 rgb(242,88,64)
```
#daf240
```
#daf240 rgb(218,242,64)
```

Tetradic Color

#2a0fd7
```
#2a0fd7 rgb(42,15,215)
```
#2e10ef
```
#2e10ef rgb(46,16,239)
```
#4328f0
```
#4328f0 rgb(67,40,240)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#6d58f4
```
#6d58f4 rgb(109,88,244)
```
#8270f5
```
#8270f5 rgb(130,112,245)
```
#9788f7
```
#9788f7 rgb(151,136,247)
```

Monochromatic Color

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

#4055f2
```
#4055f2 rgb(64,85,242)
```
#4046f2
```
#4046f2 rgb(64,70,242)
```
#4940f2
```
#4940f2 rgb(73,64,242)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#6740f2
```
#6740f2 rgb(103,64,242)
```
#7640f2
```
#7640f2 rgb(118,64,242)
```
#8540f2
```
#8540f2 rgb(133,64,242)
```

Similar Colors

Text with hexadecimal color #5840f2

This text has a font color of #5840f2.

<span style="color:#5840f2;">Text here</span>

#5840f2 background color

This paragraph has a background color of #5840f2.

<p style="background-color:#5840f2;">Content here</p>

#5840f2 border color

This element has a border color of #5840f2.

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

CSS codes

.text {color:#5840f2;}

.background {background-color:#5840f2;}

.border {border:1px solid #5840f2;}

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, #02010b is the darkest color, while #f9f8ff is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#06021d
```
#06021d rgb(6,2,29)
```
#090330
```
#090330 rgb(9,3,48)
```
#0d0542
```
#0d0542 rgb(13,5,66)
```
#100654
```
#100654 rgb(16,6,84)
```
#140767
```
#140767 rgb(20,7,103)
```
#170879
```
#170879 rgb(23,8,121)
```
#1b0a8c
```
#1b0a8c rgb(27,10,140)
```
#1f0b9e
```
#1f0b9e rgb(31,11,158)
```
#220cb0
```
#220cb0 rgb(34,12,176)
```
#260dc3
```
#260dc3 rgb(38,13,195)
```
#290fd5
```
#290fd5 rgb(41,15,213)
```
#2d10e7
```
#2d10e7 rgb(45,16,231)
```

Shade Color Variation

#381bf0
```
#381bf0 rgb(56,27,240)
```
#482ef1
```
#482ef1 rgb(72,46,241)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#6852f3
```
#6852f3 rgb(104,82,243)
```
#7865f5
```
#7865f5 rgb(120,101,245)
```
#8877f6
```
#8877f6 rgb(136,119,246)
```
#9889f7
```
#9889f7 rgb(152,137,247)
```
#a89cf8
```
#a89cf8 rgb(168,156,248)
```
#b8aefa
```
#b8aefa rgb(184,174,250)
```
#c8c1fb
```
#c8c1fb rgb(200,193,251)
```
#d8d3fc
```
#d8d3fc rgb(216,211,252)
```
#e9e5fd
```
#e9e5fd rgb(233,229,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97969c is the less saturated color, while #5238fa is the most saturated one.

#97969c
```
#97969c rgb(151,150,156)
```
#918ea4
```
#918ea4 rgb(145,142,164)
```
#8c87ab
```
#8c87ab rgb(140,135,171)
```
#867fb3
```
#867fb3 rgb(134,127,179)
```
#8077bb
```
#8077bb rgb(128,119,187)
```
#7a6fc3
```
#7a6fc3 rgb(122,111,195)
```
#7567cb
```
#7567cb rgb(117,103,203)
```
#6f5fd3
```
#6f5fd3 rgb(111,95,211)
```
#6958da
```
#6958da rgb(105,88,218)
```
#6350e2
```
#6350e2 rgb(99,80,226)
```
#5e48ea
```
#5e48ea rgb(94,72,234)
```
#5840f2
```
#5840f2 rgb(88,64,242)
```
#5238fa
```
#5238fa rgb(82,56,250)
```

Tone Color Variation

Below, you can see how #5840f2 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

#5b5b5b Achromatopsia 0.005% of the population
#5a5679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#2058d7 Protanomaly 1% of men, 0.01% of women
#205cc6 Deuteranomaly 6% of men, 0.4% of women
#2061a6 Tritanomaly 0.01% of the population

#5840f2 hex color

#5840f2 Color Information

#5840f2 Color Conversion

Color Schemes with #5840f2

Alternatives to #5840f2

#5840f2 Preview

Shades and Tints of #5840f2

Tones of #5840f2

Color Blindness Simulator