#6884a0 hex color

In a RGB color space, hex #6884a0 is composed of 40.8% red, 51.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 17.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 210 degrees, a saturation of 22.8% and a lightness of 51.8%. #6884a0 color hex could be obtained by blending #d0ffff with #000941. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 52
- B 63
RGB color chart
- C 35
- M 18
- Y 0
- K 37
CMYK color chart

● #6884a0 color description : Mostly desaturated dark blue.

The hexadecimal color #6884a0 has RGB values of R:104, G:132, B:160 and CMYK values of C:0.35, M:0.18, Y:0, K:0.37. Its decimal value is 6849696.

Hex triplet	6884a0	`#6884a0`
RGB Decimal	104, 132, 160	`rgb(104,132,160)`
RGB Percent	40.8, 51.8, 62.7	`rgb(40.8%,51.8%,62.7%)`
CMYK	35, 18, 0, 37
HSL	210°, 22.8, 51.8	`hsl(210,22.8%,51.8%)`
HSV (or HSB)	210°, 35, 62.7
Web Safe	669999	`#669999`

CIE-LAB	54.009, -2.869, -18.139
XYZ	20.304, 21.983, 36.429
xyY	0.258, 0.279, 21.983
CIE-LCH	54.009, 18.364, 261.013
CIE-LUV	54.009, -14.764, -26.409
Hunter-Lab	46.886, -4.751, -13.246
Binary	01101000, 10000100, 10100000

#6884a0
```
#6884a0 rgb(104,132,160)
```
#a08468
```
#a08468 rgb(160,132,104)
```

Complementary Color

#68a0a0
```
#68a0a0 rgb(104,160,160)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#6868a0
```
#6868a0 rgb(104,104,160)
```

Analogous Color

#a0a068
```
#a0a068 rgb(160,160,104)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#a06868
```
#a06868 rgb(160,104,104)
```

Split Complementary Color

#84a068
```
#84a068 rgb(132,160,104)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#a06884
```
#a06884 rgb(160,104,132)
```

Triadic Color

#68a084
```
#68a084 rgb(104,160,132)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#a06884
```
#a06884 rgb(160,104,132)
```
#a08468
```
#a08468 rgb(160,132,104)
```

Tetradic Color

#485e73
```
#485e73 rgb(72,94,115)
```
#526b83
```
#526b83 rgb(82,107,131)
```
#5c7792
```
#5c7792 rgb(92,119,146)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#7891aa
```
#7891aa rgb(120,145,170)
```
#879eb4
```
#879eb4 rgb(135,158,180)
```
#97aabe
```
#97aabe rgb(151,170,190)
```

Monochromatic Color

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

#6892a0
```
#6892a0 rgb(104,146,160)
```
#688da0
```
#688da0 rgb(104,141,160)
```
#6889a0
```
#6889a0 rgb(104,137,160)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#687fa0
```
#687fa0 rgb(104,127,160)
```
#687ba0
```
#687ba0 rgb(104,123,160)
```
#6876a0
```
#6876a0 rgb(104,118,160)
```

Similar Colors

Text with hexadecimal color #6884a0

This text has a font color of #6884a0.

<span style="color:#6884a0;">Text here</span>

#6884a0 background color

This paragraph has a background color of #6884a0.

<p style="background-color:#6884a0;">Content here</p>

#6884a0 border color

This element has a border color of #6884a0.

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

CSS codes

.text {color:#6884a0;}

.background {background-color:#6884a0;}

.border {border:1px solid #6884a0;}

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13181e
```
#13181e rgb(19,24,30)
```
#1a222a
```
#1a222a rgb(26,34,42)
```
#222c36
```
#222c36 rgb(34,44,54)
```
#293642
```
#293642 rgb(41,54,66)
```
#313f4e
```
#313f4e rgb(49,63,78)
```
#39495a
```
#39495a rgb(57,73,90)
```
#405366
```
#405366 rgb(64,83,102)
```
#485d72
```
#485d72 rgb(72,93,114)
```
#4f677e
```
#4f677e rgb(79,103,126)
```
#57708a
```
#57708a rgb(87,112,138)
```
#5e7a96
```
#5e7a96 rgb(94,122,150)
```

Shade Color Variation

#6884a0
```
#6884a0 rgb(104,132,160)
```
#748ea8
```
#748ea8 rgb(116,142,168)
```
#8098af
```
#8098af rgb(128,152,175)
```
#8ca1b7
```
#8ca1b7 rgb(140,161,183)
```
#98abbe
```
#98abbe rgb(152,171,190)
```
#a4b5c6
```
#a4b5c6 rgb(164,181,198)
```
#b0bfcd
```
#b0bfcd rgb(176,191,205)
```
#bcc9d5
```
#bcc9d5 rgb(188,201,213)
```
#c8d2dd
```
#c8d2dd rgb(200,210,221)
```
#d4dce4
```
#d4dce4 rgb(212,220,228)
```
#e0e6ec
```
#e0e6ec rgb(224,230,236)
```
#ecf0f3
```
#ecf0f3 rgb(236,240,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#7b848d
```
#7b848d rgb(123,132,141)
```
#718497
```
#718497 rgb(113,132,151)
```
#6884a0
```
#6884a0 rgb(104,132,160)
```
#5f84a9
```
#5f84a9 rgb(95,132,169)
```
#5584b3
```
#5584b3 rgb(85,132,179)
```
#4c84bc
```
#4c84bc rgb(76,132,188)
```
#4284c6
```
#4284c6 rgb(66,132,198)
```
#3984cf
```
#3984cf rgb(57,132,207)
```
#2f84d9
```
#2f84d9 rgb(47,132,217)
```
#2684e2
```
#2684e2 rgb(38,132,226)
```
#1c84ec
```
#1c84ec rgb(28,132,236)
```
#1384f5
```
#1384f5 rgb(19,132,245)
```
#0984ff
```
#0984ff rgb(9,132,255)
```

Tone Color Variation

Below, you can see how #6884a0 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

#7f7f7f Achromatopsia 0.005% of the population
#7a8086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8086a2 Protanopia 1% of men
#8385a6 Deuteranopia 1% of men
#6b8c97 Tritanopia 0.001% of the population

Trichromacy

#7785a1 Protanomaly 1% of men, 0.01% of women
#7984a4 Deuteranomaly 6% of men, 0.4% of women
#6a899a Tritanomaly 0.01% of the population

#6884a0 hex color

#6884a0 Color Information

#6884a0 Color Conversion

Color Schemes with #6884a0

Alternatives to #6884a0

#6884a0 Preview

Shades and Tints of #6884a0

Tones of #6884a0

Color Blindness Simulator