#6871d1 hex color

In a RGB color space, hex #6871d1 is composed of 40.8% red, 44.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 45.9% magenta, 0% yellow and 18% black. It has a hue angle of 234.9 degrees, a saturation of 53.3% and a lightness of 61.4%. #6871d1 color hex could be obtained by blending #d0e2ff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 44
- B 82
RGB color chart
- C 50
- M 46
- Y 0
- K 18
CMYK color chart

● #6871d1 color description : Moderate blue.

The hexadecimal color #6871d1 has RGB values of R:104, G:113, B:209 and CMYK values of C:0.5, M:0.46, Y:0, K:0.18. Its decimal value is 6844881.

Hex triplet	6871d1	`#6871d1`
RGB Decimal	104, 113, 209	`rgb(104,113,209)`
RGB Percent	40.8, 44.3, 82	`rgb(40.8%,44.3%,82%)`
CMYK	50, 46, 0, 18
HSL	234.9°, 53.3, 61.4	`hsl(234.9,53.3%,61.4%)`
HSV (or HSB)	234.9°, 50.2, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.101, 22.892, -50.821
XYZ	23.12, 19.356, 62.836
xyY	0.22, 0.184, 19.356
CIE-LCH	51.101, 55.738, 294.249
CIE-LUV	51.101, -9.036, -80.578
Hunter-Lab	43.995, 16.813, -53.884
Binary	01101000, 01110001, 11010001

#6871d1
```
#6871d1 rgb(104,113,209)
```
#d1c868
```
#d1c868 rgb(209,200,104)
```

Complementary Color

#68a6d1
```
#68a6d1 rgb(104,166,209)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#9468d1
```
#9468d1 rgb(148,104,209)
```

Analogous Color

#a6d168
```
#a6d168 rgb(166,209,104)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#d19468
```
#d19468 rgb(209,148,104)
```

Split Complementary Color

#71d168
```
#71d168 rgb(113,209,104)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#d16871
```
#d16871 rgb(209,104,113)
```

Triadic Color

#68d1c8
```
#68d1c8 rgb(104,209,200)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#d16871
```
#d16871 rgb(209,104,113)
```
#d1c868
```
#d1c868 rgb(209,200,104)
```

Tetradic Color

#3742b5
```
#3742b5 rgb(55,66,181)
```
#414cc5
```
#414cc5 rgb(65,76,197)
```
#545fcb
```
#545fcb rgb(84,95,203)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#7c83d7
```
#7c83d7 rgb(124,131,215)
```
#8f96dd
```
#8f96dd rgb(143,150,221)
```
#a3a8e3
```
#a3a8e3 rgb(163,168,227)
```

Monochromatic Color

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

#688bd1
```
#688bd1 rgb(104,139,209)
```
#6883d1
```
#6883d1 rgb(104,131,209)
```
#687ad1
```
#687ad1 rgb(104,122,209)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#6868d1
```
#6868d1 rgb(104,104,209)
```
#7168d1
```
#7168d1 rgb(113,104,209)
```
#7968d1
```
#7968d1 rgb(121,104,209)
```

Similar Colors

Text with hexadecimal color #6871d1

This text has a font color of #6871d1.

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

#6871d1 background color

This paragraph has a background color of #6871d1.

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

#6871d1 border color

This element has a border color of #6871d1.

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

CSS codes

.text {color:#6871d1;}

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

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

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

#04050e
```
#04050e rgb(4,5,14)
```
#090b1d
```
#090b1d rgb(9,11,29)
```
#0e102c
```
#0e102c rgb(14,16,44)
```
#12163b
```
#12163b rgb(18,22,59)
```
#171b4b
```
#171b4b rgb(23,27,75)
```
#1b215a
```
#1b215a rgb(27,33,90)
```
#202669
```
#202669 rgb(32,38,105)
```
#242c78
```
#242c78 rgb(36,44,120)
```
#293187
```
#293187 rgb(41,49,135)
```
#2e3796
```
#2e3796 rgb(46,55,150)
```
#323ca5
```
#323ca5 rgb(50,60,165)
```
#3741b4
```
#3741b4 rgb(55,65,180)
```
#3b47c3
```
#3b47c3 rgb(59,71,195)
```

Shade Color Variation

#4a55c8
```
#4a55c8 rgb(74,85,200)
```
#5963cc
```
#5963cc rgb(89,99,204)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#777fd6
```
#777fd6 rgb(119,127,214)
```
#868dda
```
#868dda rgb(134,141,218)
```
#959bdf
```
#959bdf rgb(149,155,223)
```
#a4aae3
```
#a4aae3 rgb(164,170,227)
```
#b3b8e8
```
#b3b8e8 rgb(179,184,232)
```
#c2c6ec
```
#c2c6ec rgb(194,198,236)
```
#d1d4f1
```
#d1d4f1 rgb(209,212,241)
```
#e0e2f6
```
#e0e2f6 rgb(224,226,246)
```
#eff0fa
```
#eff0fa rgb(239,240,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9597a4 is the less saturated color, while #3b4bfe is the most saturated one.

#9597a4
```
#9597a4 rgb(149,151,164)
```
#8e90ab
```
#8e90ab rgb(142,144,171)
```
#868ab3
```
#868ab3 rgb(134,138,179)
```
#7f84ba
```
#7f84ba rgb(127,132,186)
```
#777ec2
```
#777ec2 rgb(119,126,194)
```
#7077c9
```
#7077c9 rgb(112,119,201)
```
#6871d1
```
#6871d1 rgb(104,113,209)
```
#606bd9
```
#606bd9 rgb(96,107,217)
```
#5964e0
```
#5964e0 rgb(89,100,224)
```
#515ee8
```
#515ee8 rgb(81,94,232)
```
#4a58ef
```
#4a58ef rgb(74,88,239)
```
#4252f7
```
#4252f7 rgb(66,82,247)
```
#3b4bfe
```
#3b4bfe rgb(59,75,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#76778b Atypical Achromatopsia 0.001% of the population

Dichromacy

#527dd7 Protanopia 1% of men
#4181cf Deuteranopia 1% of men
#558892 Tritanopia 0.001% of the population

Trichromacy

#5a79d5 Protanomaly 1% of men, 0.01% of women
#4f7bd0 Deuteranomaly 6% of men, 0.4% of women
#5c7fa9 Tritanomaly 0.01% of the population

#6871d1 hex color

#6871d1 Color Information

#6871d1 Color Conversion

Color Schemes with #6871d1

Alternatives to #6871d1

#6871d1 Preview

Shades and Tints of #6871d1

Tones of #6871d1

Color Blindness Simulator