#7286aa hex color

In a RGB color space, hex #7286aa is composed of 44.7% red, 52.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 21.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 218.6 degrees, a saturation of 24.8% and a lightness of 55.7%. #7286aa color hex could be obtained by blending #e4ffff with #000d55. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 45
- G 53
- B 67
RGB color chart
- C 33
- M 21
- Y 0
- K 33
CMYK color chart

● #7286aa color description : Mostly desaturated dark blue.

The hexadecimal color #7286aa has RGB values of R:114, G:134, B:170 and CMYK values of C:0.33, M:0.21, Y:0, K:0.33. Its decimal value is 7505578.

Hex triplet	7286aa	`#7286aa`
RGB Decimal	114, 134, 170	`rgb(114,134,170)`
RGB Percent	44.7, 52.5, 66.7	`rgb(44.7%,52.5%,66.7%)`
CMYK	33, 21, 0, 33
HSL	218.6°, 24.8, 55.7	`hsl(218.6,24.8%,55.7%)`
HSV (or HSB)	218.6°, 32.9, 66.7
Web Safe	669999	`#669999`

CIE-LAB	55.613, 1.624, -21.388
XYZ	22.719, 23.529, 41.373
xyY	0.259, 0.269, 23.529
CIE-LCH	55.613, 21.45, 274.342
CIE-LUV	55.613, -11.574, -32.259
Hunter-Lab	48.507, -1.285, -16.615
Binary	01110010, 10000110, 10101010

#7286aa
```
#7286aa rgb(114,134,170)
```
#aa9672
```
#aa9672 rgb(170,150,114)
```

Complementary Color

#72a2aa
```
#72a2aa rgb(114,162,170)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#7a72aa
```
#7a72aa rgb(122,114,170)
```

Analogous Color

#a2aa72
```
#a2aa72 rgb(162,170,114)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#aa7a72
```
#aa7a72 rgb(170,122,114)
```

Split Complementary Color

#86aa72
```
#86aa72 rgb(134,170,114)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#aa7286
```
#aa7286 rgb(170,114,134)
```

Triadic Color

#72aa96
```
#72aa96 rgb(114,170,150)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#aa7286
```
#aa7286 rgb(170,114,134)
```
#aa9672
```
#aa9672 rgb(170,150,114)
```

Tetradic Color

#4e6081
```
#4e6081 rgb(78,96,129)
```
#586c91
```
#586c91 rgb(88,108,145)
```
#6278a0
```
#6278a0 rgb(98,120,160)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#8294b4
```
#8294b4 rgb(130,148,180)
```
#92a1bd
```
#92a1bd rgb(146,161,189)
```
#a2afc7
```
#a2afc7 rgb(162,175,199)
```

Monochromatic Color

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

#7294aa
```
#7294aa rgb(114,148,170)
```
#728faa
```
#728faa rgb(114,143,170)
```
#728baa
```
#728baa rgb(114,139,170)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#7281aa
```
#7281aa rgb(114,129,170)
```
#727daa
```
#727daa rgb(114,125,170)
```
#7278aa
```
#7278aa rgb(114,120,170)
```

Similar Colors

Text with hexadecimal color #7286aa

This text has a font color of #7286aa.

<span style="color:#7286aa;">Text here</span>

#7286aa background color

This paragraph has a background color of #7286aa.

<p style="background-color:#7286aa;">Content here</p>

#7286aa border color

This element has a border color of #7286aa.

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

CSS codes

.text {color:#7286aa;}

.background {background-color:#7286aa;}

.border {border:1px solid #7286aa;}

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

#040406
```
#040406 rgb(4,4,6)
```
#0b0d12
```
#0b0d12 rgb(11,13,18)
```
#12171e
```
#12171e rgb(18,23,30)
```
#1a202b
```
#1a202b rgb(26,32,43)
```
#212937
```
#212937 rgb(33,41,55)
```
#283243
```
#283243 rgb(40,50,67)
```
#303b4f
```
#303b4f rgb(48,59,79)
```
#37445c
```
#37445c rgb(55,68,92)
```
#3f4d68
```
#3f4d68 rgb(63,77,104)
```
#465674
```
#465674 rgb(70,86,116)
```
#4d5f80
```
#4d5f80 rgb(77,95,128)
```
#55698c
```
#55698c rgb(85,105,140)
```
#5c7299
```
#5c7299 rgb(92,114,153)
```

Shade Color Variation

#667ba3
```
#667ba3 rgb(102,123,163)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#7e91b1
```
#7e91b1 rgb(126,145,177)
```
#8a9bb9
```
#8a9bb9 rgb(138,155,185)
```
#97a6c0
```
#97a6c0 rgb(151,166,192)
```
#a3b0c8
```
#a3b0c8 rgb(163,176,200)
```
#afbbcf
```
#afbbcf rgb(175,187,207)
```
#bbc5d6
```
#bbc5d6 rgb(187,197,214)
```
#c8d0de
```
#c8d0de rgb(200,208,222)
```
#d4dae5
```
#d4dae5 rgb(212,218,229)
```
#e0e5ec
```
#e0e5ec rgb(224,229,236)
```
#eceff4
```
#eceff4 rgb(236,239,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#8c8d90
```
#8c8d90 rgb(140,141,144)
```
#838b99
```
#838b99 rgb(131,139,153)
```
#7b88a1
```
#7b88a1 rgb(123,136,161)
```
#7286aa
```
#7286aa rgb(114,134,170)
```
#6984b3
```
#6984b3 rgb(105,132,179)
```
#6181bb
```
#6181bb rgb(97,129,187)
```
#587fc4
```
#587fc4 rgb(88,127,196)
```
#4f7ccd
```
#4f7ccd rgb(79,124,205)
```
#477ad5
```
#477ad5 rgb(71,122,213)
```
#3e77de
```
#3e77de rgb(62,119,222)
```
#3575e7
```
#3575e7 rgb(53,117,231)
```
#2c72f0
```
#2c72f0 rgb(44,114,240)
```
#2470f8
```
#2470f8 rgb(36,112,248)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#80848c Atypical Achromatopsia 0.001% of the population

Dichromacy

#828aad Protanopia 1% of men
#8489af Deuteranopia 1% of men
#73909a Tritanopia 0.001% of the population

Trichromacy

#7c88ab Protanomaly 1% of men, 0.01% of women
#7d88ad Deuteranomaly 6% of men, 0.4% of women
#738ca0 Tritanomaly 0.01% of the population

#7286aa hex color

#7286aa Color Information

#7286aa Color Conversion

Color Schemes with #7286aa

Alternatives to #7286aa

#7286aa Preview

Shades and Tints of #7286aa

Tones of #7286aa

Color Blindness Simulator