#7a86bf hex color

In a RGB color space, hex #7a86bf is composed of 47.8% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 229.6 degrees, a saturation of 35% and a lightness of 61.4%. #7a86bf color hex could be obtained by blending #f4ffff with #000d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 53
- B 75
RGB color chart
- C 36
- M 30
- Y 0
- K 25
CMYK color chart

● #7a86bf color description : Slightly desaturated blue.

The hexadecimal color #7a86bf has RGB values of R:122, G:134, B:191 and CMYK values of C:0.36, M:0.3, Y:0, K:0.25. Its decimal value is 8029887.

Hex triplet	7a86bf	`#7a86bf`
RGB Decimal	122, 134, 191	`rgb(122,134,191)`
RGB Percent	47.8, 52.5, 74.9	`rgb(47.8%,52.5%,74.9%)`
CMYK	36, 30, 0, 25
HSL	229.6°, 35, 61.4	`hsl(229.6,35%,61.4%)`
HSV (or HSB)	229.6°, 36.1, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.025, 9.615, -31.158
XYZ	25.953, 24.949, 52.735
xyY	0.25, 0.241, 24.949
CIE-LCH	57.025, 32.608, 287.15
CIE-LUV	57.025, -8.841, -49.09
Hunter-Lab	49.949, 5.338, -27.634
Binary	01111010, 10000110, 10111111

#7a86bf
```
#7a86bf rgb(122,134,191)
```
#bfb37a
```
#bfb37a rgb(191,179,122)
```

Complementary Color

#7aa9bf
```
#7aa9bf rgb(122,169,191)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#917abf
```
#917abf rgb(145,122,191)
```

Analogous Color

#a9bf7a
```
#a9bf7a rgb(169,191,122)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#bf917a
```
#bf917a rgb(191,145,122)
```

Split Complementary Color

#86bf7a
```
#86bf7a rgb(134,191,122)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#bf7a86
```
#bf7a86 rgb(191,122,134)
```

Triadic Color

#7abfb3
```
#7abfb3 rgb(122,191,179)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#bf7a86
```
#bf7a86 rgb(191,122,134)
```
#bfb37a
```
#bfb37a rgb(191,179,122)
```

Tetradic Color

#4d5ba0
```
#4d5ba0 rgb(77,91,160)
```
#5867ae
```
#5867ae rgb(88,103,174)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#8b96c7
```
#8b96c7 rgb(139,150,199)
```
#9ca5d0
```
#9ca5d0 rgb(156,165,208)
```
#aeb5d8
```
#aeb5d8 rgb(174,181,216)
```

Monochromatic Color

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

#7a97bf
```
#7a97bf rgb(122,151,191)
```
#7a92bf
```
#7a92bf rgb(122,146,191)
```
#7a8cbf
```
#7a8cbf rgb(122,140,191)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#7a80bf
```
#7a80bf rgb(122,128,191)
```
#7a7bbf
```
#7a7bbf rgb(122,123,191)
```
#7f7abf
```
#7f7abf rgb(127,122,191)
```

Similar Colors

Text with hexadecimal color #7a86bf

This text has a font color of #7a86bf.

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

#7a86bf background color

This paragraph has a background color of #7a86bf.

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

#7a86bf border color

This element has a border color of #7a86bf.

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

CSS codes

.text {color:#7a86bf;}

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

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

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, #06070d is the darkest color, while #fefeff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0c0f1a
```
#0c0f1a rgb(12,15,26)
```
#131627
```
#131627 rgb(19,22,39)
```
#191e34
```
#191e34 rgb(25,30,52)
```
#202642
```
#202642 rgb(32,38,66)
```
#262d4f
```
#262d4f rgb(38,45,79)
```
#2c355c
```
#2c355c rgb(44,53,92)
```
#333c69
```
#333c69 rgb(51,60,105)
```
#394477
```
#394477 rgb(57,68,119)
```
#3f4b84
```
#3f4b84 rgb(63,75,132)
```
#465391
```
#465391 rgb(70,83,145)
```
#4c5a9e
```
#4c5a9e rgb(76,90,158)
```
#5362ac
```
#5362ac rgb(83,98,172)
```

Shade Color Variation

#606eb2
```
#606eb2 rgb(96,110,178)
```
#6d7ab9
```
#6d7ab9 rgb(109,122,185)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#8792c5
```
#8792c5 rgb(135,146,197)
```
#949ecc
```
#949ecc rgb(148,158,204)
```
#a2aad2
```
#a2aad2 rgb(162,170,210)
```
#afb6d8
```
#afb6d8 rgb(175,182,216)
```
#bcc2df
```
#bcc2df rgb(188,194,223)
```
#c9cee5
```
#c9cee5 rgb(201,206,229)
```
#d7daec
```
#d7daec rgb(215,218,236)
```
#e4e6f2
```
#e4e6f2 rgb(228,230,242)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989aa1 is the less saturated color, while #3d5efc is the most saturated one.

#989aa1
```
#989aa1 rgb(152,154,161)
```
#9195a8
```
#9195a8 rgb(145,149,168)
```
#8990b0
```
#8990b0 rgb(137,144,176)
```
#828bb7
```
#828bb7 rgb(130,139,183)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#7281c7
```
#7281c7 rgb(114,129,199)
```
#6b7cce
```
#6b7cce rgb(107,124,206)
```
#6377d6
```
#6377d6 rgb(99,119,214)
```
#5c72dd
```
#5c72dd rgb(92,114,221)
```
#546de5
```
#546de5 rgb(84,109,229)
```
#4d68ec
```
#4d68ec rgb(77,104,236)
```
#4563f4
```
#4563f4 rgb(69,99,244)
```
#3d5efc
```
#3d5efc rgb(61,94,252)
```

Tone Color Variation

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

Dichromacy

#7d8dc2 Protanopia 1% of men
#7c8dc1 Deuteranopia 1% of men
#76939e Tritanopia 0.001% of the population

Trichromacy

#7c8ac1 Protanomaly 1% of men, 0.01% of women
#7b8ac0 Deuteranomaly 6% of men, 0.4% of women
#778eaa Tritanomaly 0.01% of the population

#7a86bf hex color

#7a86bf Color Information

#7a86bf Color Conversion

Color Schemes with #7a86bf

Alternatives to #7a86bf

#7a86bf Preview

Shades and Tints of #7a86bf

Tones of #7a86bf

Color Blindness Simulator