#6874bc hex color

In a RGB color space, hex #6874bc is composed of 40.8% red, 45.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 38.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 231.4 degrees, a saturation of 38.5% and a lightness of 57.3%. #6874bc color hex could be obtained by blending #d0e8ff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 45
- B 74
RGB color chart
- C 45
- M 38
- Y 0
- K 26
CMYK color chart

● #6874bc color description : Slightly desaturated blue.

The hexadecimal color #6874bc has RGB values of R:104, G:116, B:188 and CMYK values of C:0.45, M:0.38, Y:0, K:0.26. Its decimal value is 6845628.

Hex triplet	6874bc	`#6874bc`
RGB Decimal	104, 116, 188	`rgb(104,116,188)`
RGB Percent	40.8, 45.5, 73.7	`rgb(40.8%,45.5%,73.7%)`
CMYK	45, 38, 0, 26
HSL	231.4°, 38.5, 57.3	`hsl(231.4,38.5%,57.3%)`
HSV (or HSB)	231.4°, 44.7, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.762, 14.646, -39.343
XYZ	21.03, 19.064, 50.146
xyY	0.233, 0.211, 19.064
CIE-LCH	50.762, 41.981, 290.418
CIE-LUV	50.762, -9.203, -61.534
Hunter-Lab	43.662, 9.564, -37.53
Binary	01101000, 01110100, 10111100

#6874bc
```
#6874bc rgb(104,116,188)
```
#bcb068
```
#bcb068 rgb(188,176,104)
```

Complementary Color

#689ebc
```
#689ebc rgb(104,158,188)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#8668bc
```
#8668bc rgb(134,104,188)
```

Analogous Color

#9ebc68
```
#9ebc68 rgb(158,188,104)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#bc8668
```
#bc8668 rgb(188,134,104)
```

Split Complementary Color

#74bc68
```
#74bc68 rgb(116,188,104)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#bc6874
```
#bc6874 rgb(188,104,116)
```

Triadic Color

#68bcb0
```
#68bcb0 rgb(104,188,176)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#bc6874
```
#bc6874 rgb(188,104,116)
```
#bcb068
```
#bcb068 rgb(188,176,104)
```

Tetradic Color

#424e95
```
#424e95 rgb(66,78,149)
```
#4a57a7
```
#4a57a7 rgb(74,87,167)
```
#5664b4
```
#5664b4 rgb(86,100,180)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#7a84c4
```
#7a84c4 rgb(122,132,196)
```
#8b95cc
```
#8b95cc rgb(139,149,204)
```
#9da5d4
```
#9da5d4 rgb(157,165,212)
```

Monochromatic Color

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

#6889bc
```
#6889bc rgb(104,137,188)
```
#6882bc
```
#6882bc rgb(104,130,188)
```
#687bbc
```
#687bbc rgb(104,123,188)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#686dbc
```
#686dbc rgb(104,109,188)
```
#6a68bc
```
#6a68bc rgb(106,104,188)
```
#7168bc
```
#7168bc rgb(113,104,188)
```

Similar Colors

Text with hexadecimal color #6874bc

This text has a font color of #6874bc.

<span style="color:#6874bc;">Text here</span>

#6874bc background color

This paragraph has a background color of #6874bc.

<p style="background-color:#6874bc;">Content here</p>

#6874bc border color

This element has a border color of #6874bc.

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

CSS codes

.text {color:#6874bc;}

.background {background-color:#6874bc;}

.border {border:1px solid #6874bc;}

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

#05060c
```
#05060c rgb(5,6,12)
```
#0b0d1a
```
#0b0d1a rgb(11,13,26)
```
#111527
```
#111527 rgb(17,21,39)
```
#171c35
```
#171c35 rgb(23,28,53)
```
#1d2342
```
#1d2342 rgb(29,35,66)
```
#232a50
```
#232a50 rgb(35,42,80)
```
#2a315e
```
#2a315e rgb(42,49,94)
```
#30386b
```
#30386b rgb(48,56,107)
```
#363f79
```
#363f79 rgb(54,63,121)
```
#3c4686
```
#3c4686 rgb(60,70,134)
```
#424d94
```
#424d94 rgb(66,77,148)
```
#4854a1
```
#4854a1 rgb(72,84,161)
```
#4e5caf
```
#4e5caf rgb(78,92,175)
```

Shade Color Variation

#5a67b6
```
#5a67b6 rgb(90,103,182)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#7681c2
```
#7681c2 rgb(118,129,194)
```
#838dc8
```
#838dc8 rgb(131,141,200)
```
#919ace
```
#919ace rgb(145,154,206)
```
#9ea6d4
```
#9ea6d4 rgb(158,166,212)
```
#acb3da
```
#acb3da rgb(172,179,218)
```
#babfe0
```
#babfe0 rgb(186,191,224)
```
#c7cce6
```
#c7cce6 rgb(199,204,230)
```
#d5d8ec
```
#d5d8ec rgb(213,216,236)
```
#e2e5f2
```
#e2e5f2 rgb(226,229,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#8a8c9a
```
#8a8c9a rgb(138,140,154)
```
#8186a3
```
#8186a3 rgb(129,134,163)
```
#7980ab
```
#7980ab rgb(121,128,171)
```
#707ab4
```
#707ab4 rgb(112,122,180)
```
#6874bc
```
#6874bc rgb(104,116,188)
```
#606ec4
```
#606ec4 rgb(96,110,196)
```
#5768cd
```
#5768cd rgb(87,104,205)
```
#4f62d5
```
#4f62d5 rgb(79,98,213)
```
#465cde
```
#465cde rgb(70,92,222)
```
#3e56e6
```
#3e56e6 rgb(62,86,230)
```
#3650ee
```
#3650ee rgb(54,80,238)
```
#2d4af7
```
#2d4af7 rgb(45,74,247)
```

Tone Color Variation

Below, you can see how #6874bc 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
#767886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#647dc1 Protanopia 1% of men
#5d7fbd Deuteranopia 1% of men
#5f858f Tritanopia 0.001% of the population

Trichromacy

#657abf Protanomaly 1% of men, 0.01% of women
#617bbd Deuteranomaly 6% of men, 0.4% of women
#627f9f Tritanomaly 0.01% of the population

#6874bc hex color

#6874bc Color Information

#6874bc Color Conversion

Color Schemes with #6874bc

Alternatives to #6874bc

#6874bc Preview

Shades and Tints of #6874bc

Tones of #6874bc

Color Blindness Simulator