#6860ff hex color

In a RGB color space, hex #6860ff is composed of 40.8% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 243 degrees, a saturation of 100% and a lightness of 68.8%. #6860ff color hex could be obtained by blending #d0c0ff with #0000ff. Closest websafe color is: #6666ff.

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

● #6860ff color description : Light blue.

The hexadecimal color #6860ff has RGB values of R:104, G:96, B:255 and CMYK values of C:0.59, M:0.62, Y:0, K:0. Its decimal value is 6840575.

Hex triplet	6860ff	`#6860ff`
RGB Decimal	104, 96, 255	`rgb(104,96,255)`
RGB Percent	40.8, 37.6, 100	`rgb(40.8%,37.6%,100%)`
CMYK	59, 62, 0, 0
HSL	243°, 100, 68.8	`hsl(243,100%,68.8%)`
HSV (or HSB)	243°, 62.4, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.13, 47.405, -78.231
XYZ	27.938, 18.528, 96.706
xyY	0.195, 0.129, 18.528
CIE-LCH	50.13, 91.473, 301.214
CIE-LUV	50.13, -6.729, -122.871
Hunter-Lab	43.044, 40.532, -103.076
Binary	01101000, 01100000, 11111111

#6860ff
```
#6860ff rgb(104,96,255)
```
#f7ff60
```
#f7ff60 rgb(247,255,96)
```

Complementary Color

#60a8ff
```
#60a8ff rgb(96,168,255)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#b860ff
```
#b860ff rgb(184,96,255)
```

Analogous Color

#a8ff60
```
#a8ff60 rgb(168,255,96)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#ffb860
```
#ffb860 rgb(255,184,96)
```

Split Complementary Color

#60ff68
```
#60ff68 rgb(96,255,104)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#ff6860
```
#ff6860 rgb(255,104,96)
```

Triadic Color

#60f7ff
```
#60f7ff rgb(96,247,255)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#ff6860
```
#ff6860 rgb(255,104,96)
```
#f7ff60
```
#f7ff60 rgb(247,255,96)
```

Tetradic Color

#1f14ff
```
#1f14ff rgb(31,20,255)
```
#382dff
```
#382dff rgb(56,45,255)
```
#5047ff
```
#5047ff rgb(80,71,255)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#807aff
```
#807aff rgb(128,122,255)
```
#9893ff
```
#9893ff rgb(152,147,255)
```
#b1adff
```
#b1adff rgb(177,173,255)
```

Monochromatic Color

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

#6080ff
```
#6080ff rgb(96,128,255)
```
#6073ff
```
#6073ff rgb(96,115,255)
```
#6065ff
```
#6065ff rgb(96,101,255)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#7560ff
```
#7560ff rgb(117,96,255)
```
#8360ff
```
#8360ff rgb(131,96,255)
```
#9060ff
```
#9060ff rgb(144,96,255)
```

Similar Colors

Text with hexadecimal color #6860ff

This text has a font color of #6860ff.

<span style="color:#6860ff;">Text here</span>

#6860ff background color

This paragraph has a background color of #6860ff.

<p style="background-color:#6860ff;">Content here</p>

#6860ff border color

This element has a border color of #6860ff.

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

CSS codes

.text {color:#6860ff;}

.background {background-color:#6860ff;}

.border {border:1px solid #6860ff;}

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

#010012
```
#010012 rgb(1,0,18)
```
#020025
```
#020025 rgb(2,0,37)
```
#030039
```
#030039 rgb(3,0,57)
```
#04004c
```
#04004c rgb(4,0,76)
```
#050060
```
#050060 rgb(5,0,96)
```
#060074
```
#060074 rgb(6,0,116)
```
#070087
```
#070087 rgb(7,0,135)
```
#08009b
```
#08009b rgb(8,0,155)
```
#0900ae
```
#0900ae rgb(9,0,174)
```
#0a00c2
```
#0a00c2 rgb(10,0,194)
```
#0b00d6
```
#0b00d6 rgb(11,0,214)
```
#0c00e9
```
#0c00e9 rgb(12,0,233)
```
#0d00fd
```
#0d00fd rgb(13,0,253)
```

Shade Color Variation

#1d12ff
```
#1d12ff rgb(29,18,255)
```
#3025ff
```
#3025ff rgb(48,37,255)
```
#4339ff
```
#4339ff rgb(67,57,255)
```
#554cff
```
#554cff rgb(85,76,255)
```
#6860ff
```
#6860ff rgb(104,96,255)
```
#7b74ff
```
#7b74ff rgb(123,116,255)
```
#8d87ff
```
#8d87ff rgb(141,135,255)
```
#a09bff
```
#a09bff rgb(160,155,255)
```
#b3aeff
```
#b3aeff rgb(179,174,255)
```
#c5c2ff
```
#c5c2ff rgb(197,194,255)
```
#d8d6ff
```
#d8d6ff rgb(216,214,255)
```
#eae9ff
```
#eae9ff rgb(234,233,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#aaa9b6
```
#aaa9b6 rgb(170,169,182)
```
#a5a3bc
```
#a5a3bc rgb(165,163,188)
```
#9f9dc2
```
#9f9dc2 rgb(159,157,194)
```
#9a97c8
```
#9a97c8 rgb(154,151,200)
```
#9491ce
```
#9491ce rgb(148,145,206)
```
#8f8bd4
```
#8f8bd4 rgb(143,139,212)
```
#8985da
```
#8985da rgb(137,133,218)
```
#847fe0
```
#847fe0 rgb(132,127,224)
```
#7e78e7
```
#7e78e7 rgb(126,120,231)
```
#7972ed
```
#7972ed rgb(121,114,237)
```
#736cf3
```
#736cf3 rgb(115,108,243)
```
#6e66f9
```
#6e66f9 rgb(110,102,249)
```
#6860ff
```
#6860ff rgb(104,96,255)
```

Tone Color Variation

Below, you can see how #6860ff 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

#757575 Achromatopsia 0.005% of the population
#727191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#258994 Tritanopia 0.001% of the population

Trichromacy

#2570f5 Protanomaly 1% of men, 0.01% of women
#2575e2 Deuteranomaly 6% of men, 0.4% of women
#3d7aba Tritanomaly 0.01% of the population

#6860ff hex color

#6860ff Color Information

#6860ff Color Conversion

Color Schemes with #6860ff

Alternatives to #6860ff

#6860ff Preview

Shades and Tints of #6860ff

Tones of #6860ff

Color Blindness Simulator