#7b86d6 hex color

In a RGB color space, hex #7b86d6 is composed of 48.2% red, 52.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 37.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 232.7 degrees, a saturation of 52.6% and a lightness of 66.1%. #7b86d6 color hex could be obtained by blending #f6ffff with #000dad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 53
- B 84
RGB color chart
- C 43
- M 37
- Y 0
- K 16
CMYK color chart

● #7b86d6 color description : Slightly desaturated blue.

The hexadecimal color #7b86d6 has RGB values of R:123, G:134, B:214 and CMYK values of C:0.43, M:0.37, Y:0, K:0.16. Its decimal value is 8095446.

Hex triplet	7b86d6	`#7b86d6`
RGB Decimal	123, 134, 214	`rgb(123,134,214)`
RGB Percent	48.2, 52.5, 83.9	`rgb(48.2%,52.5%,83.9%)`
CMYK	43, 37, 0, 16
HSL	232.7°, 52.6, 66.1	`hsl(232.7,52.6%,66.1%)`
HSV (or HSB)	232.7°, 42.5, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.146, 16.346, -42.389
XYZ	28.829, 26.115, 67.136
xyY	0.236, 0.214, 26.115
CIE-LCH	58.146, 45.431, 291.088
CIE-LUV	58.146, -9.401, -68.365
Hunter-Lab	51.103, 11.266, -42.12
Binary	01111011, 10000110, 11010110

#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#d6cb7b
```
#d6cb7b rgb(214,203,123)
```

Complementary Color

#7bb4d6
```
#7bb4d6 rgb(123,180,214)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#9e7bd6
```
#9e7bd6 rgb(158,123,214)
```

Analogous Color

#b4d67b
```
#b4d67b rgb(180,214,123)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#d69e7b
```
#d69e7b rgb(214,158,123)
```

Split Complementary Color

#86d67b
```
#86d67b rgb(134,214,123)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#d67b86
```
#d67b86 rgb(214,123,134)
```

Triadic Color

#7bd6cb
```
#7bd6cb rgb(123,214,203)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#d67b86
```
#d67b86 rgb(214,123,134)
```
#d6cb7b
```
#d6cb7b rgb(214,203,123)
```

Tetradic Color

#4150c4
```
#4150c4 rgb(65,80,196)
```
#5462ca
```
#5462ca rgb(84,98,202)
```
#6874d0
```
#6874d0 rgb(104,116,208)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#8e98dc
```
#8e98dc rgb(142,152,220)
```
#a2aae2
```
#a2aae2 rgb(162,170,226)
```
#b5bce8
```
#b5bce8 rgb(181,188,232)
```

Monochromatic Color

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

#7b9dd6
```
#7b9dd6 rgb(123,157,214)
```
#7b95d6
```
#7b95d6 rgb(123,149,214)
```
#7b8ed6
```
#7b8ed6 rgb(123,142,214)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#7b7ed6
```
#7b7ed6 rgb(123,126,214)
```
#7f7bd6
```
#7f7bd6 rgb(127,123,214)
```
#877bd6
```
#877bd6 rgb(135,123,214)
```

Similar Colors

Text with hexadecimal color #7b86d6

This text has a font color of #7b86d6.

<span style="color:#7b86d6;">Text here</span>

#7b86d6 background color

This paragraph has a background color of #7b86d6.

<p style="background-color:#7b86d6;">Content here</p>

#7b86d6 border color

This element has a border color of #7b86d6.

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

CSS codes

.text {color:#7b86d6;}

.background {background-color:#7b86d6;}

.border {border:1px solid #7b86d6;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050712
```
#050712 rgb(5,7,18)
```
#0a0d21
```
#0a0d21 rgb(10,13,33)
```
#0f1330
```
#0f1330 rgb(15,19,48)
```
#13193f
```
#13193f rgb(19,25,63)
```
#181f4e
```
#181f4e rgb(24,31,78)
```
#1d245c
```
#1d245c rgb(29,36,92)
```
#212a6b
```
#212a6b rgb(33,42,107)
```
#26307a
```
#26307a rgb(38,48,122)
```
#2b3689
```
#2b3689 rgb(43,54,137)
```
#2f3c98
```
#2f3c98 rgb(47,60,152)
```
#3442a7
```
#3442a7 rgb(52,66,167)
```
#3948b6
```
#3948b6 rgb(57,72,182)
```

Shade Color Variation

#3f4fc3
```
#3f4fc3 rgb(63,79,195)
```
#4e5dc8
```
#4e5dc8 rgb(78,93,200)
```
#5d6bcd
```
#5d6bcd rgb(93,107,205)
```
#6c78d1
```
#6c78d1 rgb(108,120,209)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#8a94db
```
#8a94db rgb(138,148,219)
```
#99a1df
```
#99a1df rgb(153,161,223)
```
#a8afe4
```
#a8afe4 rgb(168,175,228)
```
#b7bde9
```
#b7bde9 rgb(183,189,233)
```
#c6cbed
```
#c6cbed rgb(198,203,237)
```
#d5d8f2
```
#d5d8f2 rgb(213,216,242)
```
#e4e6f7
```
#e4e6f7 rgb(228,230,247)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#a3a4ae
```
#a3a4ae rgb(163,164,174)
```
#9c9fb5
```
#9c9fb5 rgb(156,159,181)
```
#969abb
```
#969abb rgb(150,154,187)
```
#8f95c2
```
#8f95c2 rgb(143,149,194)
```
#8890c9
```
#8890c9 rgb(136,144,201)
```
#828bcf
```
#828bcf rgb(130,139,207)
```
#7b86d6
```
#7b86d6 rgb(123,134,214)
```
#7481dd
```
#7481dd rgb(116,129,221)
```
#6e7ce3
```
#6e7ce3 rgb(110,124,227)
```
#6777ea
```
#6777ea rgb(103,119,234)
```
#6072f1
```
#6072f1 rgb(96,114,241)
```
#5a6df7
```
#5a6df7 rgb(90,109,247)
```
#5368fe
```
#5368fe rgb(83,104,254)
```

Tone Color Variation

Below, you can see how #7b86d6 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
#898b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#738fda Protanopia 1% of men
#6d91d6 Deuteranopia 1% of men
#7098a3 Tritanopia 0.001% of the population

Trichromacy

#768bd8 Protanomaly 1% of men, 0.01% of women
#728dd6 Deuteranomaly 6% of men, 0.4% of women
#7491b5 Tritanomaly 0.01% of the population

#7b86d6 hex color

#7b86d6 Color Information

#7b86d6 Color Conversion

Color Schemes with #7b86d6

Alternatives to #7b86d6

#7b86d6 Preview

Shades and Tints of #7b86d6

Tones of #7b86d6

Color Blindness Simulator