#868ba3 hex color

In a RGB color space, hex #868ba3 is composed of 52.5% red, 54.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 14.7% magenta, 0% yellow and 36.1% black. It has a hue angle of 229.7 degrees, a saturation of 13.6% and a lightness of 58.2%. #868ba3 color hex could be obtained by blending #ffffff with #0d1747. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 53
- G 55
- B 64
RGB color chart
- C 18
- M 15
- Y 0
- K 36
CMYK color chart

● #868ba3 color description : Dark grayish blue.

The hexadecimal color #868ba3 has RGB values of R:134, G:139, B:163 and CMYK values of C:0.18, M:0.15, Y:0, K:0.36. Its decimal value is 8817571.

Hex triplet	868ba3	`#868ba3`
RGB Decimal	134, 139, 163	`rgb(134,139,163)`
RGB Percent	52.5, 54.5, 63.9	`rgb(52.5%,54.5%,63.9%)`
CMYK	18, 15, 0, 36
HSL	229.7°, 13.6, 58.2	`hsl(229.7,13.6%,58.2%)`
HSV (or HSB)	229.7°, 17.8, 63.9
Web Safe	999999	`#999999`

CIE-LAB	58.205, 3.361, -13.3
XYZ	25.674, 26.178, 38.348
xyY	0.285, 0.29, 26.178
CIE-LCH	58.205, 13.719, 284.182
CIE-LUV	58.205, -4.014, -20.15
Hunter-Lab	51.164, 0.033, -8.624
Binary	10000110, 10001011, 10100011

#868ba3
```
#868ba3 rgb(134,139,163)
```
#a39e86
```
#a39e86 rgb(163,158,134)
```

Complementary Color

#869aa3
```
#869aa3 rgb(134,154,163)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#9086a3
```
#9086a3 rgb(144,134,163)
```

Analogous Color

#9aa386
```
#9aa386 rgb(154,163,134)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#a39086
```
#a39086 rgb(163,144,134)
```

Split Complementary Color

#8ba386
```
#8ba386 rgb(139,163,134)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#a3868b
```
#a3868b rgb(163,134,139)
```

Triadic Color

#86a39e
```
#86a39e rgb(134,163,158)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#a3868b
```
#a3868b rgb(163,134,139)
```
#a39e86
```
#a39e86 rgb(163,158,134)
```

Tetradic Color

#5f647d
```
#5f647d rgb(95,100,125)
```
#6a708c
```
#6a708c rgb(106,112,140)
```
#787d98
```
#787d98 rgb(120,125,152)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#9499ae
```
#9499ae rgb(148,153,174)
```
#a3a7b9
```
#a3a7b9 rgb(163,167,185)
```
#b1b5c4
```
#b1b5c4 rgb(177,181,196)
```

Monochromatic Color

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

#8692a3
```
#8692a3 rgb(134,146,163)
```
#8690a3
```
#8690a3 rgb(134,144,163)
```
#868da3
```
#868da3 rgb(134,141,163)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#8689a3
```
#8689a3 rgb(134,137,163)
```
#8686a3
```
#8686a3 rgb(134,134,163)
```
#8886a3
```
#8886a3 rgb(136,134,163)
```

Similar Colors

Text with hexadecimal color #868ba3

This text has a font color of #868ba3.

<span style="color:#868ba3;">Text here</span>

#868ba3 background color

This paragraph has a background color of #868ba3.

<p style="background-color:#868ba3;">Content here</p>

#868ba3 border color

This element has a border color of #868ba3.

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

CSS codes

.text {color:#868ba3;}

.background {background-color:#868ba3;}

.border {border:1px solid #868ba3;}

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0a0d
```
#0a0a0d rgb(10,10,13)
```
#121318
```
#121318 rgb(18,19,24)
```
#1b1c23
```
#1b1c23 rgb(27,28,35)
```
#23252e
```
#23252e rgb(35,37,46)
```
#2c2e39
```
#2c2e39 rgb(44,46,57)
```
#343744
```
#343744 rgb(52,55,68)
```
#3d4050
```
#3d4050 rgb(61,64,80)
```
#45495b
```
#45495b rgb(69,73,91)
```
#4d5266
```
#4d5266 rgb(77,82,102)
```
#565b71
```
#565b71 rgb(86,91,113)
```
#5e647c
```
#5e647c rgb(94,100,124)
```
#676c87
```
#676c87 rgb(103,108,135)
```

Shade Color Variation

#707692
```
#707692 rgb(112,118,146)
```
#7b809b
```
#7b809b rgb(123,128,155)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#9196ab
```
#9196ab rgb(145,150,171)
```
#9ca0b4
```
#9ca0b4 rgb(156,160,180)
```
#a7abbc
```
#a7abbc rgb(167,171,188)
```
#b3b6c5
```
#b3b6c5 rgb(179,182,197)
```
#bec0cd
```
#bec0cd rgb(190,192,205)
```
#c9cbd6
```
#c9cbd6 rgb(201,203,214)
```
#d4d6de
```
#d4d6de rgb(212,214,222)
```
#dfe0e7
```
#dfe0e7 rgb(223,224,231)
```
#eaebef
```
#eaebef rgb(234,235,239)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

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

#8e909b
```
#8e909b rgb(142,144,155)
```
#868ba3
```
#868ba3 rgb(134,139,163)
```
#7e86ab
```
#7e86ab rgb(126,134,171)
```
#7680b3
```
#7680b3 rgb(118,128,179)
```
#6d7bbc
```
#6d7bbc rgb(109,123,188)
```
#6576c4
```
#6576c4 rgb(101,118,196)
```
#5d70cc
```
#5d70cc rgb(93,112,204)
```
#556bd4
```
#556bd4 rgb(85,107,212)
```
#4d65dc
```
#4d65dc rgb(77,101,220)
```
#4460e5
```
#4460e5 rgb(68,96,229)
```
#3c5bed
```
#3c5bed rgb(60,91,237)
```
#3455f5
```
#3455f5 rgb(52,85,245)
```
#2c50fd
```
#2c50fd rgb(44,80,253)
```

Tone Color Variation

Below, you can see how #868ba3 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

#8c8c8c Achromatopsia 0.005% of the population
#8b8c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d90a7 Protanopia 1% of men
#938ea8 Deuteranopia 1% of men
#8a929d Tritanopia 0.001% of the population

Trichromacy

#8a8ea5 Protanomaly 1% of men, 0.01% of women
#8e8da6 Deuteranomaly 6% of men, 0.4% of women
#88909f Tritanomaly 0.01% of the population

#868ba3 hex color

#868ba3 Color Information

#868ba3 Color Conversion

Color Schemes with #868ba3

Alternatives to #868ba3

#868ba3 Preview

Shades and Tints of #868ba3

Tones of #868ba3

Color Blindness Simulator