#6894b2 hex color

In a RGB color space, hex #6894b2 is composed of 40.8% red, 58% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 16.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 204.3 degrees, a saturation of 32.5% and a lightness of 55.3%. #6894b2 color hex could be obtained by blending #d0ffff with #002965. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 41
- G 58
- B 70
RGB color chart
- C 42
- M 17
- Y 0
- K 30
CMYK color chart

● #6894b2 color description : Mostly desaturated dark blue.

The hexadecimal color #6894b2 has RGB values of R:104, G:148, B:178 and CMYK values of C:0.42, M:0.17, Y:0, K:0.3. Its decimal value is 6853810.

Hex triplet	6894b2	`#6894b2`
RGB Decimal	104, 148, 178	`rgb(104,148,178)`
RGB Percent	40.8, 58, 69.8	`rgb(40.8%,58%,69.8%)`
CMYK	42, 17, 0, 30
HSL	204.3°, 32.5, 55.3	`hsl(204.3,32.5%,55.3%)`
HSV (or HSB)	204.3°, 41.6, 69.8
Web Safe	669999	`#669999`

CIE-LAB	59.284, -7.017, -20.391
XYZ	24.333, 27.336, 46.111
xyY	0.249, 0.28, 27.336
CIE-LCH	59.284, 21.565, 251.011
CIE-LUV	59.284, -21.495, -29.868
Hunter-Lab	52.284, -8.423, -15.691
Binary	01101000, 10010100, 10110010

#6894b2
```
#6894b2 rgb(104,148,178)
```
#b28668
```
#b28668 rgb(178,134,104)
```

Complementary Color

#68b2ab
```
#68b2ab rgb(104,178,171)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#686fb2
```
#686fb2 rgb(104,111,178)
```

Analogous Color

#b2ab68
```
#b2ab68 rgb(178,171,104)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#b2686f
```
#b2686f rgb(178,104,111)
```

Split Complementary Color

#94b268
```
#94b268 rgb(148,178,104)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#b26894
```
#b26894 rgb(178,104,148)
```

Triadic Color

#68b286
```
#68b286 rgb(104,178,134)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#b26894
```
#b26894 rgb(178,104,148)
```
#b28668
```
#b28668 rgb(178,134,104)
```

Tetradic Color

#456d88
```
#456d88 rgb(69,109,136)
```
#4e7b99
```
#4e7b99 rgb(78,123,153)
```
#5788a9
```
#5788a9 rgb(87,136,169)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#79a0bb
```
#79a0bb rgb(121,160,187)
```
#8aacc3
```
#8aacc3 rgb(138,172,195)
```
#9bb8cc
```
#9bb8cc rgb(155,184,204)
```

Monochromatic Color

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

#68a7b2
```
#68a7b2 rgb(104,167,178)
```
#68a0b2
```
#68a0b2 rgb(104,160,178)
```
#689ab2
```
#689ab2 rgb(104,154,178)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#688eb2
```
#688eb2 rgb(104,142,178)
```
#6888b2
```
#6888b2 rgb(104,136,178)
```
#6882b2
```
#6882b2 rgb(104,130,178)
```

Similar Colors

Text with hexadecimal color #6894b2

This text has a font color of #6894b2.

<span style="color:#6894b2;">Text here</span>

#6894b2 background color

This paragraph has a background color of #6894b2.

<p style="background-color:#6894b2;">Content here</p>

#6894b2 border color

This element has a border color of #6894b2.

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

CSS codes

.text {color:#6894b2;}

.background {background-color:#6894b2;}

.border {border:1px solid #6894b2;}

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

#020405
```
#020405 rgb(2,4,5)
```
#090e12
```
#090e12 rgb(9,14,18)
```
#10191f
```
#10191f rgb(16,25,31)
```
#16232c
```
#16232c rgb(22,35,44)
```
#1d2e39
```
#1d2e39 rgb(29,46,57)
```
#243846
```
#243846 rgb(36,56,70)
```
#2a4253
```
#2a4253 rgb(42,66,83)
```
#314d60
```
#314d60 rgb(49,77,96)
```
#37576d
```
#37576d rgb(55,87,109)
```
#3e627a
```
#3e627a rgb(62,98,122)
```
#456c87
```
#456c87 rgb(69,108,135)
```
#4b7694
```
#4b7694 rgb(75,118,148)
```
#5281a1
```
#5281a1 rgb(82,129,161)
```

Shade Color Variation

#5b8bab
```
#5b8bab rgb(91,139,171)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#759db9
```
#759db9 rgb(117,157,185)
```
#82a6bf
```
#82a6bf rgb(130,166,191)
```
#8fb0c6
```
#8fb0c6 rgb(143,176,198)
```
#9cb9cc
```
#9cb9cc rgb(156,185,204)
```
#a9c2d3
```
#a9c2d3 rgb(169,194,211)
```
#b6cbda
```
#b6cbda rgb(182,203,218)
```
#c3d4e0
```
#c3d4e0 rgb(195,212,224)
```
#d0dee7
```
#d0dee7 rgb(208,222,231)
```
#dde7ee
```
#dde7ee rgb(221,231,238)
```
#eaf0f4
```
#eaf0f4 rgb(234,240,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8f is the less saturated color, while #22a1f8 is the most saturated one.

#8b8d8f
```
#8b8d8f rgb(139,141,143)
```
#828f98
```
#828f98 rgb(130,143,152)
```
#7a91a0
```
#7a91a0 rgb(122,145,160)
```
#7192a9
```
#7192a9 rgb(113,146,169)
```
#6894b2
```
#6894b2 rgb(104,148,178)
```
#5f96bb
```
#5f96bb rgb(95,150,187)
```
#5697c4
```
#5697c4 rgb(86,151,196)
```
#4e99cc
```
#4e99cc rgb(78,153,204)
```
#459bd5
```
#459bd5 rgb(69,155,213)
```
#3c9cde
```
#3c9cde rgb(60,156,222)
```
#339ee7
```
#339ee7 rgb(51,158,231)
```
#2ba0ef
```
#2ba0ef rgb(43,160,239)
```
#22a1f8
```
#22a1f8 rgb(34,161,248)
```

Tone Color Variation

Below, you can see how #6894b2 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

#8a8a8a Achromatopsia 0.005% of the population
#838c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d93b2 Protanopia 1% of men
#8e92b8 Deuteranopia 1% of men
#6a9ca7 Tritanopia 0.001% of the population

Trichromacy

#7f93b2 Protanomaly 1% of men, 0.01% of women
#8092b6 Deuteranomaly 6% of men, 0.4% of women
#6999ab Tritanomaly 0.01% of the population

#6894b2 hex color

#6894b2 Color Information

#6894b2 Color Conversion

Color Schemes with #6894b2

Alternatives to #6894b2

#6894b2 Preview

Shades and Tints of #6894b2

Tones of #6894b2

Color Blindness Simulator