#6840f2 hex color

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

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

● #6840f2 color description : Bright blue.

The hexadecimal color #6840f2 has RGB values of R:104, G:64, B:242 and CMYK values of C:0.57, M:0.74, Y:0, K:0.05. Its decimal value is 6832370.

Hex triplet	6840f2	`#6840f2`
RGB Decimal	104, 64, 242	`rgb(104,64,242)`
RGB Percent	40.8, 25.1, 94.9	`rgb(40.8%,25.1%,94.9%)`
CMYK	57, 74, 0, 5
HSL	253.5°, 87.3, 60	`hsl(253.5,87.3%,60%)`
HSV (or HSB)	253.5°, 73.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.793, 60.695, -82.982
XYZ	23.566, 13.02, 85.271
xyY	0.193, 0.107, 13.02
CIE-LCH	42.793, 102.811, 306.183
CIE-LUV	42.793, 0.416, -123.21
Hunter-Lab	36.083, 53.435, -114.855
Binary	01101000, 01000000, 11110010

#6840f2
```
#6840f2 rgb(104,64,242)
```
#caf240
```
#caf240 rgb(202,242,64)
```

Complementary Color

#4071f2
```
#4071f2 rgb(64,113,242)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#c140f2
```
#c140f2 rgb(193,64,242)
```

Analogous Color

#71f240
```
#71f240 rgb(113,242,64)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#f2c140
```
#f2c140 rgb(242,193,64)
```

Split Complementary Color

#40f268
```
#40f268 rgb(64,242,104)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#f26840
```
#f26840 rgb(242,104,64)
```

Triadic Color

#40caf2
```
#40caf2 rgb(64,202,242)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#f26840
```
#f26840 rgb(242,104,64)
```
#caf240
```
#caf240 rgb(202,242,64)
```

Tetradic Color

#3c0fd7
```
#3c0fd7 rgb(60,15,215)
```
#4210ef
```
#4210ef rgb(66,16,239)
```
#5528f0
```
#5528f0 rgb(85,40,240)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#7b58f4
```
#7b58f4 rgb(123,88,244)
```
#8e70f5
```
#8e70f5 rgb(142,112,245)
```
#a188f7
```
#a188f7 rgb(161,136,247)
```

Monochromatic Color

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

#4045f2
```
#4045f2 rgb(64,69,242)
```
#4a40f2
```
#4a40f2 rgb(74,64,242)
```
#5940f2
```
#5940f2 rgb(89,64,242)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#7740f2
```
#7740f2 rgb(119,64,242)
```
#8640f2
```
#8640f2 rgb(134,64,242)
```
#9540f2
```
#9540f2 rgb(149,64,242)
```

Similar Colors

Text with hexadecimal color #6840f2

This text has a font color of #6840f2.

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

#6840f2 background color

This paragraph has a background color of #6840f2.

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

#6840f2 border color

This element has a border color of #6840f2.

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

CSS codes

.text {color:#6840f2;}

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

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

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

#03010b
```
#03010b rgb(3,1,11)
```
#08021d
```
#08021d rgb(8,2,29)
```
#0d0330
```
#0d0330 rgb(13,3,48)
```
#120542
```
#120542 rgb(18,5,66)
```
#170654
```
#170654 rgb(23,6,84)
```
#1d0767
```
#1d0767 rgb(29,7,103)
```
#220879
```
#220879 rgb(34,8,121)
```
#270a8c
```
#270a8c rgb(39,10,140)
```
#2c0b9e
```
#2c0b9e rgb(44,11,158)
```
#310cb0
```
#310cb0 rgb(49,12,176)
```
#360dc3
```
#360dc3 rgb(54,13,195)
```
#3b0fd5
```
#3b0fd5 rgb(59,15,213)
```
#4010e7
```
#4010e7 rgb(64,16,231)
```

Shade Color Variation

#4b1bf0
```
#4b1bf0 rgb(75,27,240)
```
#592ef1
```
#592ef1 rgb(89,46,241)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#7752f3
```
#7752f3 rgb(119,82,243)
```
#8565f5
```
#8565f5 rgb(133,101,245)
```
#9477f6
```
#9477f6 rgb(148,119,246)
```
#a289f7
```
#a289f7 rgb(162,137,247)
```
#b19cf8
```
#b19cf8 rgb(177,156,248)
```
#bfaefa
```
#bfaefa rgb(191,174,250)
```
#cec1fb
```
#cec1fb rgb(206,193,251)
```
#dcd3fc
```
#dcd3fc rgb(220,211,252)
```
#ebe5fd
```
#ebe5fd rgb(235,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, #98969c is the less saturated color, while #6438fa is the most saturated one.

#98969c
```
#98969c rgb(152,150,156)
```
#938ea4
```
#938ea4 rgb(147,142,164)
```
#8f87ab
```
#8f87ab rgb(143,135,171)
```
#8b7fb3
```
#8b7fb3 rgb(139,127,179)
```
#8677bb
```
#8677bb rgb(134,119,187)
```
#826fc3
```
#826fc3 rgb(130,111,195)
```
#7e67cb
```
#7e67cb rgb(126,103,203)
```
#795fd3
```
#795fd3 rgb(121,95,211)
```
#7558da
```
#7558da rgb(117,88,218)
```
#7150e2
```
#7150e2 rgb(113,80,226)
```
#6c48ea
```
#6c48ea rgb(108,72,234)
```
#6840f2
```
#6840f2 rgb(104,64,242)
```
#6438fa
```
#6438fa rgb(100,56,250)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#625a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#2c767f Tritanopia 0.001% of the population

Trichromacy

#255adb Protanomaly 1% of men, 0.01% of women
#255eca Deuteranomaly 6% of men, 0.4% of women
#4262a8 Tritanomaly 0.01% of the population

#6840f2 hex color

#6840f2 Color Information

#6840f2 Color Conversion

Color Schemes with #6840f2

Alternatives to #6840f2

#6840f2 Preview

Shades and Tints of #6840f2

Tones of #6840f2

Color Blindness Simulator