#7f86be hex color

In a RGB color space, hex #7f86be is composed of 49.8% red, 52.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 33.2% cyan, 29.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 233.3 degrees, a saturation of 32.6% and a lightness of 62.2%. #7f86be color hex could be obtained by blending #feffff with #000d7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 50
- G 53
- B 75
RGB color chart
- C 33
- M 29
- Y 0
- K 25
CMYK color chart

● #7f86be color description : Slightly desaturated blue.

The hexadecimal color #7f86be has RGB values of R:127, G:134, B:190 and CMYK values of C:0.33, M:0.29, Y:0, K:0.25. Its decimal value is 8357566.

Hex triplet	7f86be	`#7f86be`
RGB Decimal	127, 134, 190	`rgb(127,134,190)`
RGB Percent	49.8, 52.5, 74.5	`rgb(49.8%,52.5%,74.5%)`
CMYK	33, 29, 0, 25
HSL	233.3°, 32.6, 62.2	`hsl(233.3,32.6%,62.2%)`
HSV (or HSB)	233.3°, 33.2, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.347, 10.78, -30.063
XYZ	26.57, 25.279, 52.192
xyY	0.255, 0.243, 25.279
CIE-LCH	57.347, 31.937, 289.727
CIE-LUV	57.347, -6.593, -47.525
Hunter-Lab	50.279, 6.341, -26.351
Binary	01111111, 10000110, 10111110

#7f86be
```
#7f86be rgb(127,134,190)
```
#beb77f
```
#beb77f rgb(190,183,127)
```

Complementary Color

#7fa6be
```
#7fa6be rgb(127,166,190)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#987fbe
```
#987fbe rgb(152,127,190)
```

Analogous Color

#a6be7f
```
#a6be7f rgb(166,190,127)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#be987f
```
#be987f rgb(190,152,127)
```

Split Complementary Color

#86be7f
```
#86be7f rgb(134,190,127)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#be7f86
```
#be7f86 rgb(190,127,134)
```

Triadic Color

#7fbeb7
```
#7fbeb7 rgb(127,190,183)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#be7f86
```
#be7f86 rgb(190,127,134)
```
#beb77f
```
#beb77f rgb(190,183,127)
```

Tetradic Color

#515aa0
```
#515aa0 rgb(81,90,160)
```
#5d66ad
```
#5d66ad rgb(93,102,173)
```
#6e76b5
```
#6e76b5 rgb(110,118,181)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#9096c7
```
#9096c7 rgb(144,150,199)
```
#a1a6cf
```
#a1a6cf rgb(161,166,207)
```
#b2b6d8
```
#b2b6d8 rgb(178,182,216)
```

Monochromatic Color

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

#7f96be
```
#7f96be rgb(127,150,190)
```
#7f91be
```
#7f91be rgb(127,145,190)
```
#7f8bbe
```
#7f8bbe rgb(127,139,190)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#7f81be
```
#7f81be rgb(127,129,190)
```
#837fbe
```
#837fbe rgb(131,127,190)
```
#887fbe
```
#887fbe rgb(136,127,190)
```

Similar Colors

Text with hexadecimal color #7f86be

This text has a font color of #7f86be.

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

#7f86be background color

This paragraph has a background color of #7f86be.

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

#7f86be border color

This element has a border color of #7f86be.

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

CSS codes

.text {color:#7f86be;}

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

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

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 #f4f5f9 is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#08080f
```
#08080f rgb(8,8,15)
```
#0e101c
```
#0e101c rgb(14,16,28)
```
#151729
```
#151729 rgb(21,23,41)
```
#1b1e36
```
#1b1e36 rgb(27,30,54)
```
#222643
```
#222643 rgb(34,38,67)
```
#292d50
```
#292d50 rgb(41,45,80)
```
#2f345d
```
#2f345d rgb(47,52,93)
```
#363c6a
```
#363c6a rgb(54,60,106)
```
#3d4377
```
#3d4377 rgb(61,67,119)
```
#434a84
```
#434a84 rgb(67,74,132)
```
#4a5291
```
#4a5291 rgb(74,82,145)
```
#50599e
```
#50599e rgb(80,89,158)
```

Shade Color Variation

#5861aa
```
#5861aa rgb(88,97,170)
```
#656db1
```
#656db1 rgb(101,109,177)
```
#727ab7
```
#727ab7 rgb(114,122,183)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#8c92c5
```
#8c92c5 rgb(140,146,197)
```
#999fcb
```
#999fcb rgb(153,159,203)
```
#a6abd2
```
#a6abd2 rgb(166,171,210)
```
#b3b7d8
```
#b3b7d8 rgb(179,183,216)
```
#c0c3df
```
#c0c3df rgb(192,195,223)
```
#cdd0e6
```
#cdd0e6 rgb(205,208,230)
```
#dadcec
```
#dadcec rgb(218,220,236)
```
#e7e8f3
```
#e7e8f3 rgb(231,232,243)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9da0 is the less saturated color, while #4458f9 is the most saturated one.

#9d9da0
```
#9d9da0 rgb(157,157,160)
```
#9597a8
```
#9597a8 rgb(149,151,168)
```
#8e92af
```
#8e92af rgb(142,146,175)
```
#868cb7
```
#868cb7 rgb(134,140,183)
```
#7f86be
```
#7f86be rgb(127,134,190)
```
#7880c5
```
#7880c5 rgb(120,128,197)
```
#707acd
```
#707acd rgb(112,122,205)
```
#6975d4
```
#6975d4 rgb(105,117,212)
```
#616fdc
```
#616fdc rgb(97,111,220)
```
#5a69e3
```
#5a69e3 rgb(90,105,227)
```
#5263eb
```
#5263eb rgb(82,99,235)
```
#4b5ef2
```
#4b5ef2 rgb(75,94,242)
```
#4458f9
```
#4458f9 rgb(68,88,249)
```

Tone Color Variation

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

Dichromacy

#7e8dc2 Protanopia 1% of men
#7e8ec0 Deuteranopia 1% of men
#7c939e Tritanopia 0.001% of the population

Trichromacy

#7e8bc0 Protanomaly 1% of men, 0.01% of women
#7e8bbf Deuteranomaly 6% of men, 0.4% of women
#7d8ea9 Tritanomaly 0.01% of the population

#7f86be hex color

#7f86be Color Information

#7f86be Color Conversion

Color Schemes with #7f86be

Alternatives to #7f86be

#7f86be Preview

Shades and Tints of #7f86be

Tones of #7f86be

Color Blindness Simulator