#6885cc hex color

In a RGB color space, hex #6885cc is composed of 40.8% red, 52.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 34.8% magenta, 0% yellow and 20% black. It has a hue angle of 222.6 degrees, a saturation of 49.5% and a lightness of 60.4%. #6885cc color hex could be obtained by blending #d0ffff with #000b99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 52
- B 80
RGB color chart
- C 49
- M 35
- Y 0
- K 20
CMYK color chart

● #6885cc color description : Slightly desaturated blue.

The hexadecimal color #6885cc has RGB values of R:104, G:133, B:204 and CMYK values of C:0.49, M:0.35, Y:0, K:0.2. Its decimal value is 6849996.

Hex triplet	6885cc	`#6885cc`
RGB Decimal	104, 133, 204	`rgb(104,133,204)`
RGB Percent	40.8, 52.2, 80	`rgb(40.8%,52.2%,80%)`
CMYK	49, 35, 0, 20
HSL	222.6°, 49.5, 60.4	`hsl(222.6,49.5%,60.4%)`
HSV (or HSB)	222.6°, 49, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.164, 9.276, -39.959
XYZ	24.993, 24.077, 60.454
xyY	0.228, 0.22, 24.077
CIE-LCH	56.164, 41.022, 283.069
CIE-LUV	56.164, -15.828, -63.162
Hunter-Lab	49.068, 5.052, -38.7
Binary	01101000, 10000101, 11001100

#6885cc
```
#6885cc rgb(104,133,204)
```
#ccaf68
```
#ccaf68 rgb(204,175,104)
```

Complementary Color

#68b7cc
```
#68b7cc rgb(104,183,204)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#7d68cc
```
#7d68cc rgb(125,104,204)
```

Analogous Color

#b7cc68
```
#b7cc68 rgb(183,204,104)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#cc7d68
```
#cc7d68 rgb(204,125,104)
```

Split Complementary Color

#85cc68
```
#85cc68 rgb(133,204,104)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#cc6885
```
#cc6885 rgb(204,104,133)
```

Triadic Color

#68ccaf
```
#68ccaf rgb(104,204,175)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#cc6885
```
#cc6885 rgb(204,104,133)
```
#ccaf68
```
#ccaf68 rgb(204,175,104)
```

Tetradic Color

#3a5cad
```
#3a5cad rgb(58,92,173)
```
#4266bf
```
#4266bf rgb(66,102,191)
```
#5576c6
```
#5576c6 rgb(85,118,198)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#7b94d2
```
#7b94d2 rgb(123,148,210)
```
#8ea4d9
```
#8ea4d9 rgb(142,164,217)
```
#a1b3df
```
#a1b3df rgb(161,179,223)
```

Monochromatic Color

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

#689ecc
```
#689ecc rgb(104,158,204)
```
#6896cc
```
#6896cc rgb(104,150,204)
```
#688dcc
```
#688dcc rgb(104,141,204)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#687dcc
```
#687dcc rgb(104,125,204)
```
#6874cc
```
#6874cc rgb(104,116,204)
```
#686ccc
```
#686ccc rgb(104,108,204)
```

Similar Colors

Text with hexadecimal color #6885cc

This text has a font color of #6885cc.

<span style="color:#6885cc;">Text here</span>

#6885cc background color

This paragraph has a background color of #6885cc.

<p style="background-color:#6885cc;">Content here</p>

#6885cc border color

This element has a border color of #6885cc.

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

CSS codes

.text {color:#6885cc;}

.background {background-color:#6885cc;}

.border {border:1px solid #6885cc;}

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, #03050a is the darkest color, while #fbfbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#080d19
```
#080d19 rgb(8,13,25)
```
#0d1528
```
#0d1528 rgb(13,21,40)
```
#121d36
```
#121d36 rgb(18,29,54)
```
#172545
```
#172545 rgb(23,37,69)
```
#1c2c54
```
#1c2c54 rgb(28,44,84)
```
#213462
```
#213462 rgb(33,52,98)
```
#263c71
```
#263c71 rgb(38,60,113)
```
#2b4480
```
#2b4480 rgb(43,68,128)
```
#304b8e
```
#304b8e rgb(48,75,142)
```
#35539d
```
#35539d rgb(53,83,157)
```
#3a5bac
```
#3a5bac rgb(58,91,172)
```
#3f63ba
```
#3f63ba rgb(63,99,186)
```

Shade Color Variation

#4b6dc2
```
#4b6dc2 rgb(75,109,194)
```
#5979c7
```
#5979c7 rgb(89,121,199)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#7791d1
```
#7791d1 rgb(119,145,209)
```
#859dd6
```
#859dd6 rgb(133,157,214)
```
#94a9db
```
#94a9db rgb(148,169,219)
```
#a3b4e0
```
#a3b4e0 rgb(163,180,224)
```
#b1c0e5
```
#b1c0e5 rgb(177,192,229)
```
#c0ccea
```
#c0ccea rgb(192,204,234)
```
#cfd8ef
```
#cfd8ef rgb(207,216,239)
```
#dde4f4
```
#dde4f4 rgb(221,228,244)
```
#ecf0f9
```
#ecf0f9 rgb(236,240,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999d is the less saturated color, while #3971fb is the most saturated one.

#97999d
```
#97999d rgb(151,153,157)
```
#8f95a5
```
#8f95a5 rgb(143,149,165)
```
#8792ad
```
#8792ad rgb(135,146,173)
```
#7f8fb5
```
#7f8fb5 rgb(127,143,181)
```
#788cbc
```
#788cbc rgb(120,140,188)
```
#7088c4
```
#7088c4 rgb(112,136,196)
```
#6885cc
```
#6885cc rgb(104,133,204)
```
#6082d4
```
#6082d4 rgb(96,130,212)
```
#587edc
```
#587edc rgb(88,126,220)
```
#517be3
```
#517be3 rgb(81,123,227)
```
#4978eb
```
#4978eb rgb(73,120,235)
```
#4175f3
```
#4175f3 rgb(65,117,243)
```
#3971fb
```
#3971fb rgb(57,113,251)
```

Tone Color Variation

Below, you can see how #6885cc 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

#848484 Achromatopsia 0.005% of the population
#7e8492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738ace Protanopia 1% of men
#6a8cce Deuteranopia 1% of men
#5d95a0 Tritanopia 0.001% of the population

Trichromacy

#6f88cd Protanomaly 1% of men, 0.01% of women
#6989cd Deuteranomaly 6% of men, 0.4% of women
#618fb0 Tritanomaly 0.01% of the population

#6885cc hex color

#6885cc Color Information

#6885cc Color Conversion

Color Schemes with #6885cc

Alternatives to #6885cc

#6885cc Preview

Shades and Tints of #6885cc

Tones of #6885cc

Color Blindness Simulator