#6871f8 hex color

In a RGB color space, hex #6871f8 is composed of 40.8% red, 44.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 54.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 236.3 degrees, a saturation of 91.1% and a lightness of 69%. #6871f8 color hex could be obtained by blending #d0e2ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 44
- B 97
RGB color chart
- C 58
- M 54
- Y 0
- K 3
CMYK color chart

● #6871f8 color description : Soft blue.

The hexadecimal color #6871f8 has RGB values of R:104, G:113, B:248 and CMYK values of C:0.58, M:0.54, Y:0, K:0.03. Its decimal value is 6844920.

Hex triplet	6871f8	`#6871f8`
RGB Decimal	104, 113, 248	`rgb(104,113,248)`
RGB Percent	40.8, 44.3, 97.3	`rgb(40.8%,44.3%,97.3%)`
CMYK	58, 54, 0, 3
HSL	236.3°, 91.1, 69	`hsl(236.3,91.1%,69%)`
HSV (or HSB)	236.3°, 58.1, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.524, 35.2, -68.833
XYZ	28.554, 21.529, 91.453
xyY	0.202, 0.152, 21.529
CIE-LCH	53.524, 77.311, 297.084
CIE-LUV	53.524, -10.676, -110.45
Hunter-Lab	46.4, 28.648, -84.379
Binary	01101000, 01110001, 11111000

#6871f8
```
#6871f8 rgb(104,113,248)
```
#f8ef68
```
#f8ef68 rgb(248,239,104)
```

Complementary Color

#68b9f8
```
#68b9f8 rgb(104,185,248)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#a768f8
```
#a768f8 rgb(167,104,248)
```

Analogous Color

#b9f868
```
#b9f868 rgb(185,248,104)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#f8a768
```
#f8a768 rgb(248,167,104)
```

Split Complementary Color

#71f868
```
#71f868 rgb(113,248,104)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#f86871
```
#f86871 rgb(248,104,113)
```

Triadic Color

#68f8ef
```
#68f8ef rgb(104,248,239)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#f86871
```
#f86871 rgb(248,104,113)
```
#f8ef68
```
#f8ef68 rgb(248,239,104)
```

Tetradic Color

#1f2cf5
```
#1f2cf5 rgb(31,44,245)
```
#3743f6
```
#3743f6 rgb(55,67,246)
```
#505af7
```
#505af7 rgb(80,90,247)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#8088f9
```
#8088f9 rgb(128,136,249)
```
#999ffa
```
#999ffa rgb(153,159,250)
```
#b1b6fb
```
#b1b6fb rgb(177,182,251)
```

Monochromatic Color

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

#6895f8
```
#6895f8 rgb(104,149,248)
```
#6889f8
```
#6889f8 rgb(104,137,248)
```
#687df8
```
#687df8 rgb(104,125,248)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#6b68f8
```
#6b68f8 rgb(107,104,248)
```
#7768f8
```
#7768f8 rgb(119,104,248)
```
#8368f8
```
#8368f8 rgb(131,104,248)
```

Similar Colors

Text with hexadecimal color #6871f8

This text has a font color of #6871f8.

<span style="color:#6871f8;">Text here</span>

#6871f8 background color

This paragraph has a background color of #6871f8.

<p style="background-color:#6871f8;">Content here</p>

#6871f8 border color

This element has a border color of #6871f8.

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

CSS codes

.text {color:#6871f8;}

.background {background-color:#6871f8;}

.border {border:1px solid #6871f8;}

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

#010212
```
#010212 rgb(1,2,18)
```
#020424
```
#020424 rgb(2,4,36)
```
#030637
```
#030637 rgb(3,6,55)
```
#03084a
```
#03084a rgb(3,8,74)
```
#040a5d
```
#040a5d rgb(4,10,93)
```
#050c6f
```
#050c6f rgb(5,12,111)
```
#060e82
```
#060e82 rgb(6,14,130)
```
#071095
```
#071095 rgb(7,16,149)
```
#0812a8
```
#0812a8 rgb(8,18,168)
```
#0914ba
```
#0914ba rgb(9,20,186)
```
#0a16cd
```
#0a16cd rgb(10,22,205)
```
#0a18e0
```
#0a18e0 rgb(10,24,224)
```
#0b1af3
```
#0b1af3 rgb(11,26,243)
```

Shade Color Variation

#1d2af5
```
#1d2af5 rgb(29,42,245)
```
#303cf5
```
#303cf5 rgb(48,60,245)
```
#434ef6
```
#434ef6 rgb(67,78,246)
```
#555ff7
```
#555ff7 rgb(85,95,247)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#7b83f9
```
#7b83f9 rgb(123,131,249)
```
#8d94fa
```
#8d94fa rgb(141,148,250)
```
#a0a6fb
```
#a0a6fb rgb(160,166,251)
```
#b3b8fb
```
#b3b8fb rgb(179,184,251)
```
#c6c9fc
```
#c6c9fc rgb(198,201,252)
```
#d8dbfd
```
#d8dbfd rgb(216,219,253)
```
#ebecfe
```
#ebecfe rgb(235,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#ababb5
```
#ababb5 rgb(171,171,181)
```
#a5a6bb
```
#a5a6bb rgb(165,166,187)
```
#9fa1c1
```
#9fa1c1 rgb(159,161,193)
```
#999cc7
```
#999cc7 rgb(153,156,199)
```
#9396cd
```
#9396cd rgb(147,150,205)
```
#8c91d4
```
#8c91d4 rgb(140,145,212)
```
#868cda
```
#868cda rgb(134,140,218)
```
#8086e0
```
#8086e0 rgb(128,134,224)
```
#7a81e6
```
#7a81e6 rgb(122,129,230)
```
#747cec
```
#747cec rgb(116,124,236)
```
#6e76f2
```
#6e76f2 rgb(110,118,242)
```
#6871f8
```
#6871f8 rgb(104,113,248)
```
#626cfe
```
#626cfe rgb(98,108,254)
```

Tone Color Variation

Below, you can see how #6871f8 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

#7e7e7e Achromatopsia 0.005% of the population
#7a7b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1382ff Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#39919c Tritanopia 0.001% of the population

Trichromacy

#327bfc Protanomaly 1% of men, 0.01% of women
#2580e9 Deuteranomaly 6% of men, 0.4% of women
#4a85bd Tritanomaly 0.01% of the population

#6871f8 hex color

#6871f8 Color Information

#6871f8 Color Conversion

Color Schemes with #6871f8

Alternatives to #6871f8

#6871f8 Preview

Shades and Tints of #6871f8

Tones of #6871f8

Color Blindness Simulator