#6862f0 hex color

In a RGB color space, hex #6862f0 is composed of 40.8% red, 38.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 59.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.5 degrees, a saturation of 82.6% and a lightness of 66.3%. #6862f0 color hex could be obtained by blending #d0c4ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 38
- B 94
RGB color chart
- C 57
- M 59
- Y 0
- K 6
CMYK color chart

● #6862f0 color description : Soft blue.

The hexadecimal color #6862f0 has RGB values of R:104, G:98, B:240 and CMYK values of C:0.57, M:0.59, Y:0, K:0.06. Its decimal value is 6841072.

Hex triplet	6862f0	`#6862f0`
RGB Decimal	104, 98, 240	`rgb(104,98,240)`
RGB Percent	40.8, 38.4, 94.1	`rgb(40.8%,38.4%,94.1%)`
CMYK	57, 59, 0, 6
HSL	242.5°, 82.6, 66.3	`hsl(242.5,82.6%,66.3%)`
HSV (or HSB)	242.5°, 59.2, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.458, 41.601, -70.965
XYZ	25.802, 17.969, 84.542
xyY	0.201, 0.14, 17.969
CIE-LCH	49.458, 82.259, 300.38
CIE-LUV	49.458, -6.323, -111.71
Hunter-Lab	42.39, 34.468, -88.576
Binary	01101000, 01100010, 11110000

#6862f0
```
#6862f0 rgb(104,98,240)
```
#eaf062
```
#eaf062 rgb(234,240,98)
```

Complementary Color

#62a3f0
```
#62a3f0 rgb(98,163,240)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#af62f0
```
#af62f0 rgb(175,98,240)
```

Analogous Color

#a3f062
```
#a3f062 rgb(163,240,98)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#f0af62
```
#f0af62 rgb(240,175,98)
```

Split Complementary Color

#62f068
```
#62f068 rgb(98,240,104)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#f06862
```
#f06862 rgb(240,104,98)
```

Triadic Color

#62eaf0
```
#62eaf0 rgb(98,234,240)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#f06862
```
#f06862 rgb(240,104,98)
```
#eaf062
```
#eaf062 rgb(234,240,98)
```

Tetradic Color

#251ce9
```
#251ce9 rgb(37,28,233)
```
#3b33ec
```
#3b33ec rgb(59,51,236)
```
#524bee
```
#524bee rgb(82,75,238)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#7e79f2
```
#7e79f2 rgb(126,121,242)
```
#9591f4
```
#9591f4 rgb(149,145,244)
```
#aba8f7
```
#aba8f7 rgb(171,168,247)
```

Monochromatic Color

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

#6280f0
```
#6280f0 rgb(98,128,240)
```
#6274f0
```
#6274f0 rgb(98,116,240)
```
#6268f0
```
#6268f0 rgb(98,104,240)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#7462f0
```
#7462f0 rgb(116,98,240)
```
#8062f0
```
#8062f0 rgb(128,98,240)
```
#8c62f0
```
#8c62f0 rgb(140,98,240)
```

Similar Colors

Text with hexadecimal color #6862f0

This text has a font color of #6862f0.

<span style="color:#6862f0;">Text here</span>

#6862f0 background color

This paragraph has a background color of #6862f0.

<p style="background-color:#6862f0;">Content here</p>

#6862f0 border color

This element has a border color of #6862f0.

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

CSS codes

.text {color:#6862f0;}

.background {background-color:#6862f0;}

.border {border:1px solid #6862f0;}

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

#010004
```
#010004 rgb(1,0,4)
```
#030216
```
#030216 rgb(3,2,22)
```
#050428
```
#050428 rgb(5,4,40)
```
#08063a
```
#08063a rgb(8,6,58)
```
#0a074c
```
#0a074c rgb(10,7,76)
```
#0d095e
```
#0d095e rgb(13,9,94)
```
#0f0b70
```
#0f0b70 rgb(15,11,112)
```
#110c81
```
#110c81 rgb(17,12,129)
```
#140e93
```
#140e93 rgb(20,14,147)
```
#1610a5
```
#1610a5 rgb(22,16,165)
```
#1912b7
```
#1912b7 rgb(25,18,183)
```
#1b13c9
```
#1b13c9 rgb(27,19,201)
```
#1d15db
```
#1d15db rgb(29,21,219)
```

Shade Color Variation

#231ae9
```
#231ae9 rgb(35,26,233)
```
#342ceb
```
#342ceb rgb(52,44,235)
```
#463eed
```
#463eed rgb(70,62,237)
```
#5750ee
```
#5750ee rgb(87,80,238)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#7974f2
```
#7974f2 rgb(121,116,242)
```
#8a86f3
```
#8a86f3 rgb(138,134,243)
```
#9c98f5
```
#9c98f5 rgb(156,152,245)
```
#adaaf7
```
#adaaf7 rgb(173,170,247)
```
#bebcf9
```
#bebcf9 rgb(190,188,249)
```
#cfcdfa
```
#cfcdfa rgb(207,205,250)
```
#e1dffc
```
#e1dffc rgb(225,223,252)
```
#f2f1fe
```
#f2f1fe rgb(242,241,254)
```

Tint Color Variation

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

#a5a4ae
```
#a5a4ae rgb(165,164,174)
```
#9f9eb4
```
#9f9eb4 rgb(159,158,180)
```
#9897bb
```
#9897bb rgb(152,151,187)
```
#9290c2
```
#9290c2 rgb(146,144,194)
```
#8c8ac8
```
#8c8ac8 rgb(140,138,200)
```
#8683cf
```
#8683cf rgb(134,131,207)
```
#807cd6
```
#807cd6 rgb(128,124,214)
```
#7a76dc
```
#7a76dc rgb(122,118,220)
```
#746fe3
```
#746fe3 rgb(116,111,227)
```
#6e69e9
```
#6e69e9 rgb(110,105,233)
```
#6862f0
```
#6862f0 rgb(104,98,240)
```
#625bf7
```
#625bf7 rgb(98,91,247)
```
#5c55fd
```
#5c55fd rgb(92,85,253)
```

Tone Color Variation

Below, you can see how #6862f0 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

#747474 Achromatopsia 0.005% of the population
#72708d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#3b8690 Tritanopia 0.001% of the population

Trichromacy

#2570ed Protanomaly 1% of men, 0.01% of women
#2574db Deuteranomaly 6% of men, 0.4% of women
#4b79b3 Tritanomaly 0.01% of the population

#6862f0 hex color

#6862f0 Color Information

#6862f0 Color Conversion

Color Schemes with #6862f0

Alternatives to #6862f0

#6862f0 Preview

Shades and Tints of #6862f0

Tones of #6862f0

Color Blindness Simulator