#7286fa hex color

In a RGB color space, hex #7286fa is composed of 44.7% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 231.2 degrees, a saturation of 93.2% and a lightness of 71.4%. #7286fa color hex could be obtained by blending #e4ffff with #000df5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 53
- B 98
RGB color chart
- C 54
- M 46
- Y 0
- K 2
CMYK color chart

● #7286fa color description : Soft blue.

The hexadecimal color #7286fa has RGB values of R:114, G:134, B:250 and CMYK values of C:0.54, M:0.46, Y:0, K:0.02. Its decimal value is 7505658.

Hex triplet	7286fa	`#7286fa`
RGB Decimal	114, 134, 250	`rgb(114,134,250)`
RGB Percent	44.7, 52.5, 98	`rgb(44.7%,52.5%,98%)`
CMYK	54, 46, 0, 2
HSL	231.2°, 93.2, 71.4	`hsl(231.2,93.2%,71.4%)`
HSV (or HSB)	231.2°, 54.4, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.46, 25.152, -60.352
XYZ	32.716, 27.528, 94.027
xyY	0.212, 0.178, 27.528
CIE-LCH	59.46, 65.383, 292.625
CIE-LUV	59.46, -13.922, -98.852
Hunter-Lab	52.467, 19.487, -69.526
Binary	01110010, 10000110, 11111010

#7286fa
```
#7286fa rgb(114,134,250)
```
#fae672
```
#fae672 rgb(250,230,114)
```

Complementary Color

#72cafa
```
#72cafa rgb(114,202,250)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#a272fa
```
#a272fa rgb(162,114,250)
```

Analogous Color

#cafa72
```
#cafa72 rgb(202,250,114)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#faa272
```
#faa272 rgb(250,162,114)
```

Split Complementary Color

#86fa72
```
#86fa72 rgb(134,250,114)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#fa7286
```
#fa7286 rgb(250,114,134)
```

Triadic Color

#72fae6
```
#72fae6 rgb(114,250,230)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#fa7286
```
#fa7286 rgb(250,114,134)
```
#fae672
```
#fae672 rgb(250,230,114)
```

Tetradic Color

#2847f7
```
#2847f7 rgb(40,71,247)
```
#415cf8
```
#415cf8 rgb(65,92,248)
```
#5971f9
```
#5971f9 rgb(89,113,249)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#8b9bfb
```
#8b9bfb rgb(139,155,251)
```
#a3b0fc
```
#a3b0fc rgb(163,176,252)
```
#bcc5fd
```
#bcc5fd rgb(188,197,253)
```

Monochromatic Color

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

#72a8fa
```
#72a8fa rgb(114,168,250)
```
#729dfa
```
#729dfa rgb(114,157,250)
```
#7291fa
```
#7291fa rgb(114,145,250)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#727bfa
```
#727bfa rgb(114,123,250)
```
#7572fa
```
#7572fa rgb(117,114,250)
```
#8072fa
```
#8072fa rgb(128,114,250)
```

Similar Colors

Text with hexadecimal color #7286fa

This text has a font color of #7286fa.

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

#7286fa background color

This paragraph has a background color of #7286fa.

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

#7286fa border color

This element has a border color of #7286fa.

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

CSS codes

.text {color:#7286fa;}

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

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

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, #00020b is the darkest color, while #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#01051d
```
#01051d rgb(1,5,29)
```
#020930
```
#020930 rgb(2,9,48)
```
#020c43
```
#020c43 rgb(2,12,67)
```
#030f56
```
#030f56 rgb(3,15,86)
```
#041369
```
#041369 rgb(4,19,105)
```
#04167c
```
#04167c rgb(4,22,124)
```
#05198f
```
#05198f rgb(5,25,143)
```
#061da2
```
#061da2 rgb(6,29,162)
```
#0620b5
```
#0620b5 rgb(6,32,181)
```
#0723c8
```
#0723c8 rgb(7,35,200)
```
#0827db
```
#0827db rgb(8,39,219)
```
#082aee
```
#082aee rgb(8,42,238)
```

Shade Color Variation

#1335f7
```
#1335f7 rgb(19,53,247)
```
#2645f7
```
#2645f7 rgb(38,69,247)
```
#3955f8
```
#3955f8 rgb(57,85,248)
```
#4c65f9
```
#4c65f9 rgb(76,101,249)
```
#5f76f9
```
#5f76f9 rgb(95,118,249)
```
#7286fa
```
#7286fa rgb(114,134,250)
```
#8596fb
```
#8596fb rgb(133,150,251)
```
#98a7fb
```
#98a7fb rgb(152,167,251)
```
#abb7fc
```
#abb7fc rgb(171,183,252)
```
#bec7fd
```
#bec7fd rgb(190,199,253)
```
#d1d7fd
```
#d1d7fd rgb(209,215,253)
```
#e4e8fe
```
#e4e8fe rgb(228,232,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#b5b6b7
```
#b5b6b7 rgb(181,182,183)
```
#b0b2bc
```
#b0b2bc rgb(176,178,188)
```
#aaaec2
```
#aaaec2 rgb(170,174,194)
```
#a5aac7
```
#a5aac7 rgb(165,170,199)
```
#9fa6cd
```
#9fa6cd rgb(159,166,205)
```
#99a2d3
```
#99a2d3 rgb(153,162,211)
```
#949ed8
```
#949ed8 rgb(148,158,216)
```
#8e9ade
```
#8e9ade rgb(142,154,222)
```
#8896e4
```
#8896e4 rgb(136,150,228)
```
#8392e9
```
#8392e9 rgb(131,146,233)
```
#7d8eef
```
#7d8eef rgb(125,142,239)
```
#788af4
```
#788af4 rgb(120,138,244)
```
#7286fa
```
#7286fa rgb(114,134,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#888ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a91fe Protanopia 1% of men
#3b96f5 Deuteranopia 1% of men
#539fab Tritanopia 0.001% of the population

Trichromacy

#628dfc Protanomaly 1% of men, 0.01% of women
#4f90f7 Deuteranomaly 6% of men, 0.4% of women
#5e96c8 Tritanomaly 0.01% of the population

#7286fa hex color

#7286fa Color Information

#7286fa Color Conversion

Color Schemes with #7286fa

Alternatives to #7286fa

#7286fa Preview

Shades and Tints of #7286fa

Tones of #7286fa

Color Blindness Simulator