#7f86b0 hex color

In a RGB color space, hex #7f86b0 is composed of 49.8% red, 52.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 23.9% magenta, 0% yellow and 31% black. It has a hue angle of 231.4 degrees, a saturation of 23.7% and a lightness of 59.4%. #7f86b0 color hex could be obtained by blending #feffff with #000d61. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 50
- G 53
- B 69
RGB color chart
- C 28
- M 24
- Y 0
- K 31
CMYK color chart

● #7f86b0 color description : Mostly desaturated dark blue.

The hexadecimal color #7f86b0 has RGB values of R:127, G:134, B:176 and CMYK values of C:0.28, M:0.24, Y:0, K:0.31. Its decimal value is 8357552.

Hex triplet	7f86b0	`#7f86b0`
RGB Decimal	127, 134, 176	`rgb(127,134,176)`
RGB Percent	49.8, 52.5, 69	`rgb(49.8%,52.5%,69%)`
CMYK	28, 24, 0, 31
HSL	231.4°, 23.7, 59.4	`hsl(231.4,23.7%,59.4%)`
HSV (or HSB)	231.4°, 27.8, 69
Web Safe	669999	`#669999`

CIE-LAB	56.778, 7.139, -22.959
XYZ	25.112, 24.696, 44.516
xyY	0.266, 0.262, 24.696
CIE-LCH	56.778, 24.043, 287.272
CIE-LUV	56.778, -5.899, -35.618
Hunter-Lab	49.695, 3.234, -18.323
Binary	01111111, 10000110, 10110000

#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#b0a97f
```
#b0a97f rgb(176,169,127)
```

Complementary Color

#7f9fb0
```
#7f9fb0 rgb(127,159,176)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#917fb0
```
#917fb0 rgb(145,127,176)
```

Analogous Color

#9fb07f
```
#9fb07f rgb(159,176,127)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#b0917f
```
#b0917f rgb(176,145,127)
```

Split Complementary Color

#86b07f
```
#86b07f rgb(134,176,127)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#b07f86
```
#b07f86 rgb(176,127,134)
```

Triadic Color

#7fb0a9
```
#7fb0a9 rgb(127,176,169)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#b07f86
```
#b07f86 rgb(176,127,134)
```
#b0a97f
```
#b0a97f rgb(176,169,127)
```

Tetradic Color

#565e8c
```
#565e8c rgb(86,94,140)
```
#60699c
```
#60699c rgb(96,105,156)
```
#6f77a6
```
#6f77a6 rgb(111,119,166)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#8f95ba
```
#8f95ba rgb(143,149,186)
```
#9fa4c3
```
#9fa4c3 rgb(159,164,195)
```
#aeb3cd
```
#aeb3cd rgb(174,179,205)
```

Monochromatic Color

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

#7f92b0
```
#7f92b0 rgb(127,146,176)
```
#7f8eb0
```
#7f8eb0 rgb(127,142,176)
```
#7f8ab0
```
#7f8ab0 rgb(127,138,176)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#7f82b0
```
#7f82b0 rgb(127,130,176)
```
#807fb0
```
#807fb0 rgb(128,127,176)
```
#847fb0
```
#847fb0 rgb(132,127,176)
```

Similar Colors

Text with hexadecimal color #7f86b0

This text has a font color of #7f86b0.

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

#7f86b0 background color

This paragraph has a background color of #7f86b0.

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

#7f86b0 border color

This element has a border color of #7f86b0.

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

CSS codes

.text {color:#7f86b0;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0c12
```
#0b0c12 rgb(11,12,18)
```
#12141e
```
#12141e rgb(18,20,30)
```
#1a1c2a
```
#1a1c2a rgb(26,28,42)
```
#212436
```
#212436 rgb(33,36,54)
```
#292c42
```
#292c42 rgb(41,44,66)
```
#30354e
```
#30354e rgb(48,53,78)
```
#383d5a
```
#383d5a rgb(56,61,90)
```
#3f4566
```
#3f4566 rgb(63,69,102)
```
#474d73
```
#474d73 rgb(71,77,115)
```
#4e557f
```
#4e557f rgb(78,85,127)
```
#565d8b
```
#565d8b rgb(86,93,139)
```
#5d6597
```
#5d6597 rgb(93,101,151)
```

Shade Color Variation

#676fa1
```
#676fa1 rgb(103,111,161)
```
#737ba9
```
#737ba9 rgb(115,123,169)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#8b91b7
```
#8b91b7 rgb(139,145,183)
```
#979dbf
```
#979dbf rgb(151,157,191)
```
#a3a8c6
```
#a3a8c6 rgb(163,168,198)
```
#b0b4ce
```
#b0b4ce rgb(176,180,206)
```
#bcbfd5
```
#bcbfd5 rgb(188,191,213)
```
#c8cbdd
```
#c8cbdd rgb(200,203,221)
```
#d4d6e4
```
#d4d6e4 rgb(212,214,228)
```
#e0e2ec
```
#e0e2ec rgb(224,226,236)
```
#ecedf3
```
#ecedf3 rgb(236,237,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#979798
```
#979798 rgb(151,151,152)
```
#8f91a0
```
#8f91a0 rgb(143,145,160)
```
#878ca8
```
#878ca8 rgb(135,140,168)
```
#7f86b0
```
#7f86b0 rgb(127,134,176)
```
#7780b8
```
#7780b8 rgb(119,128,184)
```
#6f7bc0
```
#6f7bc0 rgb(111,123,192)
```
#6775c8
```
#6775c8 rgb(103,117,200)
```
#5f6fd0
```
#5f6fd0 rgb(95,111,208)
```
#576ad8
```
#576ad8 rgb(87,106,216)
```
#4f64e0
```
#4f64e0 rgb(79,100,224)
```
#475ee8
```
#475ee8 rgb(71,94,232)
```
#3f59f0
```
#3f59f0 rgb(63,89,240)
```
#3753f8
```
#3753f8 rgb(55,83,248)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#878891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838cb4 Protanopia 1% of men
#868cb4 Deuteranopia 1% of men
#7f919b Tritanopia 0.001% of the population

Trichromacy

#818ab2 Protanomaly 1% of men, 0.01% of women
#8389b2 Deuteranomaly 6% of men, 0.4% of women
#7f8da2 Tritanomaly 0.01% of the population

#7f86b0 hex color

#7f86b0 Color Information

#7f86b0 Color Conversion

Color Schemes with #7f86b0

Alternatives to #7f86b0

#7f86b0 Preview

Shades and Tints of #7f86b0

Tones of #7f86b0

Color Blindness Simulator