colorhexa.com

#6882e0 hex color

In a RGB color space, hex #6882e0 is composed of 40.8% red, 51% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 42% magenta, 0% yellow and 12.2% black. It has a hue angle of 227 degrees, a saturation of 65.9% and a lightness of 64.3%. #6882e0 color hex could be obtained by blending #d0ffff with #0005c1. Closest websafe color is: #6699cc.

- R 41
- G 51
- B 88
RGB color chart
- C 54
- M 42
- Y 0
- K 12
CMYK color chart

● #6882e0 color description : Soft blue.

The hexadecimal color #6882e0 has RGB values of R:104, G:130, B:224 and CMYK values of C:0.54, M:0.42, Y:0, K:0.12. Its decimal value is 6849248.

Hex triplet	6882e0	`#6882e0`
RGB Decimal	104, 130, 224	`rgb(104,130,224)`
RGB Percent	40.8, 51, 87.8	`rgb(40.8%,51%,87.8%)`
CMYK	54, 42, 0, 12
HSL	227°, 65.9, 64.3	`hsl(227,65.9%,64.3%)`
HSV (or HSB)	227°, 53.6, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.376, 17.299, -50.877
XYZ	27.143, 24.289, 73.775
xyY	0.217, 0.194, 24.289
CIE-LCH	56.376, 53.737, 288.779
CIE-LUV	56.376, -15.145, -81.8
Hunter-Lab	49.284, 12.063, -54.255
Binary	01101000, 10000010, 11100000

#6882e0
```
#6882e0 rgb(104,130,224)
```
#e0c668
```
#e0c668 rgb(224,198,104)
```

Complementary Color

#68bee0
```
#68bee0 rgb(104,190,224)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#8a68e0
```
#8a68e0 rgb(138,104,224)
```

Analogous Color

#bee068
```
#bee068 rgb(190,224,104)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#e08a68
```
#e08a68 rgb(224,138,104)
```

Split Complementary Color

#82e068
```
#82e068 rgb(130,224,104)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#e06882
```
#e06882 rgb(224,104,130)
```

Triadic Color

#68e0c6
```
#68e0c6 rgb(104,224,198)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#e06882
```
#e06882 rgb(224,104,130)
```
#e0c668
```
#e0c668 rgb(224,198,104)
```

Tetradic Color

#2b4fd1
```
#2b4fd1 rgb(43,79,209)
```
#3e5fd7
```
#3e5fd7 rgb(62,95,215)
```
#5370dc
```
#5370dc rgb(83,112,220)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#7d94e4
```
#7d94e4 rgb(125,148,228)
```
#92a5e9
```
#92a5e9 rgb(146,165,233)
```
#a7b7ed
```
#a7b7ed rgb(167,183,237)
```

Monochromatic Color

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

#68a0e0
```
#68a0e0 rgb(104,160,224)
```
#6896e0
```
#6896e0 rgb(104,150,224)
```
#688ce0
```
#688ce0 rgb(104,140,224)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#6878e0
```
#6878e0 rgb(104,120,224)
```
#686ee0
```
#686ee0 rgb(104,110,224)
```
#6c68e0
```
#6c68e0 rgb(108,104,224)
```

Similar Colors

Text with hexadecimal color #6882e0

This text has a font color of #6882e0.

<span style="color:#6882e0;">Text here</span>

#6882e0 background color

This paragraph has a background color of #6882e0.

<p style="background-color:#6882e0;">Content here</p>

#6882e0 border color

This element has a border color of #6882e0.

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

CSS codes

.text {color:#6882e0;}

.background {background-color:#6882e0;}

.border {border:1px solid #6882e0;}

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#09112c
```
#09112c rgb(9,17,44)
```
#0c173d
```
#0c173d rgb(12,23,61)
```
#101d4d
```
#101d4d rgb(16,29,77)
```
#13235d
```
#13235d rgb(19,35,93)
```
#16296d
```
#16296d rgb(22,41,109)
```
#1a2f7e
```
#1a2f7e rgb(26,47,126)
```
#1d368e
```
#1d368e rgb(29,54,142)
```
#203c9e
```
#203c9e rgb(32,60,158)
```
#2442ae
```
#2442ae rgb(36,66,174)
```
#2748bf
```
#2748bf rgb(39,72,191)
```
#2b4ecf
```
#2b4ecf rgb(43,78,207)
```

Shade Color Variation

#375ad6
```
#375ad6 rgb(55,90,214)
```
#4767d9
```
#4767d9 rgb(71,103,217)
```
#5875dd
```
#5875dd rgb(88,117,221)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#788fe3
```
#788fe3 rgb(120,143,227)
```
#899de7
```
#899de7 rgb(137,157,231)
```
#99aaea
```
#99aaea rgb(153,170,234)
```
#a9b8ed
```
#a9b8ed rgb(169,184,237)
```
#b9c5f1
```
#b9c5f1 rgb(185,197,241)
```
#cad3f4
```
#cad3f4 rgb(202,211,244)
```
#dae0f7
```
#dae0f7 rgb(218,224,247)
```
#eaeefb
```
#eaeefb rgb(234,238,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a0a2a8
```
#a0a2a8 rgb(160,162,168)
```
#999eaf
```
#999eaf rgb(153,158,175)
```
#929ab6
```
#929ab6 rgb(146,154,182)
```
#8b96bd
```
#8b96bd rgb(139,150,189)
```
#8492c4
```
#8492c4 rgb(132,146,196)
```
#7d8ecb
```
#7d8ecb rgb(125,142,203)
```
#768ad2
```
#768ad2 rgb(118,138,210)
```
#6f86d9
```
#6f86d9 rgb(111,134,217)
```
#6882e0
```
#6882e0 rgb(104,130,224)
```
#617ee7
```
#617ee7 rgb(97,126,231)
```
#5a7aee
```
#5a7aee rgb(90,122,238)
```
#5376f5
```
#5376f5 rgb(83,118,245)
```
#4c72fc
```
#4c72fc rgb(76,114,252)
```

Tone Color Variation

Below, you can see how #6882e0 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

#858585 Achromatopsia 0.005% of the population
#7f8497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#648ae3 Protanopia 1% of men
#528edf Deuteranopia 1% of men
#5297a2 Tritanopia 0.001% of the population

Trichromacy

#6587e2 Protanomaly 1% of men, 0.01% of women
#5a89df Deuteranomaly 6% of men, 0.4% of women
#5a8fb8 Tritanomaly 0.01% of the population