#7286ea hex color

In a RGB color space, hex #7286ea is composed of 44.7% red, 52.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 42.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 230 degrees, a saturation of 74.1% and a lightness of 68.2%. #7286ea color hex could be obtained by blending #e4ffff with #000dd5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 53
- B 92
RGB color chart
- C 51
- M 43
- Y 0
- K 8
CMYK color chart

● #7286ea color description : Soft blue.

The hexadecimal color #7286ea has RGB values of R:114, G:134, B:234 and CMYK values of C:0.51, M:0.43, Y:0, K:0.08. Its decimal value is 7505642.

Hex triplet	7286ea	`#7286ea`
RGB Decimal	114, 134, 234	`rgb(114,134,234)`
RGB Percent	44.7, 52.5, 91.8	`rgb(44.7%,52.5%,91.8%)`
CMYK	51, 43, 0, 8
HSL	230°, 74.1, 68.2	`hsl(230,74.1%,68.2%)`
HSV (or HSB)	230°, 51.3, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.571, 20.184, -52.922
XYZ	30.313, 26.567, 81.368
xyY	0.219, 0.192, 26.567
CIE-LCH	58.571, 56.641, 290.876
CIE-LUV	58.571, -13.442, -86.054
Hunter-Lab	51.543, 14.776, -57.518
Binary	01110010, 10000110, 11101010

#7286ea
```
#7286ea rgb(114,134,234)
```
#ead672
```
#ead672 rgb(234,214,114)
```

Complementary Color

#72c2ea
```
#72c2ea rgb(114,194,234)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#9a72ea
```
#9a72ea rgb(154,114,234)
```

Analogous Color

#c2ea72
```
#c2ea72 rgb(194,234,114)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#ea9a72
```
#ea9a72 rgb(234,154,114)
```

Split Complementary Color

#86ea72
```
#86ea72 rgb(134,234,114)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#ea7286
```
#ea7286 rgb(234,114,134)
```

Triadic Color

#72ead6
```
#72ead6 rgb(114,234,214)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#ea7286
```
#ea7286 rgb(234,114,134)
```
#ead672
```
#ead672 rgb(234,214,114)
```

Tetradic Color

#2f4de0
```
#2f4de0 rgb(47,77,224)
```
#4660e3
```
#4660e3 rgb(70,96,227)
```
#5c73e7
```
#5c73e7 rgb(92,115,231)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#8899ed
```
#8899ed rgb(136,153,237)
```
#9eacf1
```
#9eacf1 rgb(158,172,241)
```
#b5bff4
```
#b5bff4 rgb(181,191,244)
```

Monochromatic Color

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

#72a4ea
```
#72a4ea rgb(114,164,234)
```
#729aea
```
#729aea rgb(114,154,234)
```
#7290ea
```
#7290ea rgb(114,144,234)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#727cea
```
#727cea rgb(114,124,234)
```
#7272ea
```
#7272ea rgb(114,114,234)
```
#7c72ea
```
#7c72ea rgb(124,114,234)
```

Similar Colors

Text with hexadecimal color #7286ea

This text has a font color of #7286ea.

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

#7286ea background color

This paragraph has a background color of #7286ea.

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

#7286ea border color

This element has a border color of #7286ea.

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

CSS codes

.text {color:#7286ea;}

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

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

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

#02040d
```
#02040d rgb(2,4,13)
```
#04091e
```
#04091e rgb(4,9,30)
```
#070e2f
```
#070e2f rgb(7,14,47)
```
#0a1340
```
#0a1340 rgb(10,19,64)
```
#0c1851
```
#0c1851 rgb(12,24,81)
```
#0f1d62
```
#0f1d62 rgb(15,29,98)
```
#112173
```
#112173 rgb(17,33,115)
```
#142684
```
#142684 rgb(20,38,132)
```
#162b95
```
#162b95 rgb(22,43,149)
```
#1930a6
```
#1930a6 rgb(25,48,166)
```
#1b35b7
```
#1b35b7 rgb(27,53,183)
```
#1e3ac8
```
#1e3ac8 rgb(30,58,200)
```
#203fda
```
#203fda rgb(32,63,218)
```

Shade Color Variation

#2e4be0
```
#2e4be0 rgb(46,75,224)
```
#3f5ae2
```
#3f5ae2 rgb(63,90,226)
```
#5069e5
```
#5069e5 rgb(80,105,229)
```
#6177e7
```
#6177e7 rgb(97,119,231)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#8395ed
```
#8395ed rgb(131,149,237)
```
#94a3ef
```
#94a3ef rgb(148,163,239)
```
#a5b2f2
```
#a5b2f2 rgb(165,178,242)
```
#b6c1f4
```
#b6c1f4 rgb(182,193,244)
```
#c7cff7
```
#c7cff7 rgb(199,207,247)
```
#d8def9
```
#d8def9 rgb(216,222,249)
```
#eaedfc
```
#eaedfc rgb(234,237,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a7b8
```
#a4a7b8 rgb(164,167,184)
```
#9ea3be
```
#9ea3be rgb(158,163,190)
```
#979fc5
```
#979fc5 rgb(151,159,197)
```
#919bcb
```
#919bcb rgb(145,155,203)
```
#8b97d1
```
#8b97d1 rgb(139,151,209)
```
#8592d7
```
#8592d7 rgb(133,146,215)
```
#7e8ede
```
#7e8ede rgb(126,142,222)
```
#788ae4
```
#788ae4 rgb(120,138,228)
```
#7286ea
```
#7286ea rgb(114,134,234)
```
#6c82f0
```
#6c82f0 rgb(108,130,240)
```
#667ef6
```
#667ef6 rgb(102,126,246)
```
#5f7afd
```
#5f7afd rgb(95,122,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#868a9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#668fed Protanopia 1% of men
#5493e8 Deuteranopia 1% of men
#5c9ca7 Tritanopia 0.001% of the population

Trichromacy

#6a8cec Protanomaly 1% of men, 0.01% of women
#5f8ee8 Deuteranomaly 6% of men, 0.4% of women
#6494bf Tritanomaly 0.01% of the population

#7286ea hex color

#7286ea Color Information

#7286ea Color Conversion

Color Schemes with #7286ea

Alternatives to #7286ea

#7286ea Preview

Shades and Tints of #7286ea

Tones of #7286ea

Color Blindness Simulator