#7f86fe hex color

In a RGB color space, hex #7f86fe is composed of 49.8% red, 52.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 47.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.7 degrees, a saturation of 98.4% and a lightness of 74.7%. #7f86fe color hex could be obtained by blending #feffff with #000dfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 50
- G 53
- B 100
RGB color chart
- C 50
- M 47
- Y 0
- K 0
CMYK color chart

● #7f86fe color description : Soft blue.

The hexadecimal color #7f86fe has RGB values of R:127, G:134, B:254 and CMYK values of C:0.5, M:0.47, Y:0, K:0. Its decimal value is 8357630.

Hex triplet	7f86fe	`#7f86fe`
RGB Decimal	127, 134, 254	`rgb(127,134,254)`
RGB Percent	49.8, 52.5, 99.6	`rgb(49.8%,52.5%,99.6%)`
CMYK	50, 47, 0, 0
HSL	236.7°, 98.4, 74.7	`hsl(236.7,98.4%,74.7%)`
HSV (or HSB)	236.7°, 50, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.531, 29.065, -60.79
XYZ	35.163, 28.717, 97.451
xyY	0.218, 0.178, 28.717
CIE-LCH	60.531, 67.381, 295.553
CIE-LUV	60.531, -9.715, -100.324
Hunter-Lab	53.588, 23.349, -70.308
Binary	01111111, 10000110, 11111110

#7f86fe
```
#7f86fe rgb(127,134,254)
```
#fef77f
```
#fef77f rgb(254,247,127)
```

Complementary Color

#7fc6fe
```
#7fc6fe rgb(127,198,254)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#b87ffe
```
#b87ffe rgb(184,127,254)
```

Analogous Color

#c6fe7f
```
#c6fe7f rgb(198,254,127)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#feb87f
```
#feb87f rgb(254,184,127)
```

Split Complementary Color

#86fe7f
```
#86fe7f rgb(134,254,127)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#fe7f86
```
#fe7f86 rgb(254,127,134)
```

Triadic Color

#7ffef7
```
#7ffef7 rgb(127,254,247)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#fe7f86
```
#fe7f86 rgb(254,127,134)
```
#fef77f
```
#fef77f rgb(254,247,127)
```

Tetradic Color

#333efd
```
#333efd rgb(51,62,253)
```
#4c56fe
```
#4c56fe rgb(76,86,254)
```
#666efe
```
#666efe rgb(102,110,254)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#989efe
```
#989efe rgb(152,158,254)
```
#b2b6fe
```
#b2b6fe rgb(178,182,254)
```
#cbceff
```
#cbceff rgb(203,206,255)
```

Monochromatic Color

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

#7fa6fe
```
#7fa6fe rgb(127,166,254)
```
#7f9bfe
```
#7f9bfe rgb(127,155,254)
```
#7f91fe
```
#7f91fe rgb(127,145,254)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#837ffe
```
#837ffe rgb(131,127,254)
```
#8d7ffe
```
#8d7ffe rgb(141,127,254)
```
#987ffe
```
#987ffe rgb(152,127,254)
```

Similar Colors

Text with hexadecimal color #7f86fe

This text has a font color of #7f86fe.

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

#7f86fe background color

This paragraph has a background color of #7f86fe.

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

#7f86fe border color

This element has a border color of #7f86fe.

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

CSS codes

.text {color:#7f86fe;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021c
```
#00021c rgb(0,2,28)
```
#00032f
```
#00032f rgb(0,3,47)
```
#010443
```
#010443 rgb(1,4,67)
```
#010556
```
#010556 rgb(1,5,86)
```
#01076a
```
#01076a rgb(1,7,106)
```
#01087d
```
#01087d rgb(1,8,125)
```
#010990
```
#010990 rgb(1,9,144)
```
#010aa4
```
#010aa4 rgb(1,10,164)
```
#010bb7
```
#010bb7 rgb(1,11,183)
```
#020dcb
```
#020dcb rgb(2,13,203)
```
#020ede
```
#020ede rgb(2,14,222)
```
#020ff2
```
#020ff2 rgb(2,15,242)
```

Shade Color Variation

#0a18fd
```
#0a18fd rgb(10,24,253)
```
#1e2afd
```
#1e2afd rgb(30,42,253)
```
#313cfd
```
#313cfd rgb(49,60,253)
```
#454ffe
```
#454ffe rgb(69,79,254)
```
#5861fe
```
#5861fe rgb(88,97,254)
```
#6c74fe
```
#6c74fe rgb(108,116,254)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```
#9298fe
```
#9298fe rgb(146,152,254)
```
#a6abfe
```
#a6abfe rgb(166,171,254)
```
#b9bdfe
```
#b9bdfe rgb(185,189,254)
```
#cdd0ff
```
#cdd0ff rgb(205,208,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#bbbbc2
```
#bbbbc2 rgb(187,187,194)
```
#b6b7c7
```
#b6b7c7 rgb(182,183,199)
```
#b1b2cc
```
#b1b2cc rgb(177,178,204)
```
#acaed1
```
#acaed1 rgb(172,174,209)
```
#a7a9d6
```
#a7a9d6 rgb(167,169,214)
```
#a2a5db
```
#a2a5db rgb(162,165,219)
```
#9da0e0
```
#9da0e0 rgb(157,160,224)
```
#989ce5
```
#989ce5 rgb(152,156,229)
```
#9398ea
```
#9398ea rgb(147,152,234)
```
#8e93ef
```
#8e93ef rgb(142,147,239)
```
#898ff4
```
#898ff4 rgb(137,143,244)
```
#848af9
```
#848af9 rgb(132,138,249)
```
#7f86fe
```
#7f86fe rgb(127,134,254)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8e90a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6094ff Protanopia 1% of men
#4199f8 Deuteranopia 1% of men
#64a0ac Tritanopia 0.001% of the population

Trichromacy

#6b8ffe Protanomaly 1% of men, 0.01% of women
#5792fa Deuteranomaly 6% of men, 0.4% of women
#6e97ca Tritanomaly 0.01% of the population

#7f86fe hex color

#7f86fe Color Information

#7f86fe Color Conversion

Color Schemes with #7f86fe

Alternatives to #7f86fe

#7f86fe Preview

Shades and Tints of #7f86fe

Tones of #7f86fe

Color Blindness Simulator