#7286ff hex color

In a RGB color space, hex #7286ff is composed of 44.7% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 231.5 degrees, a saturation of 100% and a lightness of 72.4%. #7286ff color hex could be obtained by blending #e4ffff with #000dff. Closest websafe color is: #6699ff.

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

● #7286ff color description : Very light blue.

The hexadecimal color #7286ff has RGB values of R:114, G:134, B:255 and CMYK values of C:0.55, M:0.47, Y:0, K:0. Its decimal value is 7505663.

Hex triplet	7286ff	`#7286ff`
RGB Decimal	114, 134, 255	`rgb(114,134,255)`
RGB Percent	44.7, 52.5, 100	`rgb(44.7%,52.5%,100%)`
CMYK	55, 47, 0, 0
HSL	231.5°, 100, 72.4	`hsl(231.5,100%,72.4%)`
HSV (or HSB)	231.5°, 55.3, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.749, 26.719, -62.638
XYZ	33.511, 27.846, 98.211
xyY	0.21, 0.175, 27.846
CIE-LCH	59.749, 68.098, 293.102
CIE-LUV	59.749, -14.073, -102.777
Hunter-Lab	52.769, 21.009, -73.408
Binary	01110010, 10000110, 11111111

#7286ff
```
#7286ff rgb(114,134,255)
```
#ffeb72
```
#ffeb72 rgb(255,235,114)
```

Complementary Color

#72cdff
```
#72cdff rgb(114,205,255)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#a572ff
```
#a572ff rgb(165,114,255)
```

Analogous Color

#cdff72
```
#cdff72 rgb(205,255,114)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#ffa572
```
#ffa572 rgb(255,165,114)
```

Split Complementary Color

#86ff72
```
#86ff72 rgb(134,255,114)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#ff7286
```
#ff7286 rgb(255,114,134)
```

Triadic Color

#72ffeb
```
#72ffeb rgb(114,255,235)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#ff7286
```
#ff7286 rgb(255,114,134)
```
#ffeb72
```
#ffeb72 rgb(255,235,114)
```

Tetradic Color

#2644ff
```
#2644ff rgb(38,68,255)
```
#3f5aff
```
#3f5aff rgb(63,90,255)
```
#5970ff
```
#5970ff rgb(89,112,255)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#8c9cff
```
#8c9cff rgb(140,156,255)
```
#a5b2ff
```
#a5b2ff rgb(165,178,255)
```
#bfc8ff
```
#bfc8ff rgb(191,200,255)
```

Monochromatic Color

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

#72a9ff
```
#72a9ff rgb(114,169,255)
```
#729eff
```
#729eff rgb(114,158,255)
```
#7292ff
```
#7292ff rgb(114,146,255)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#727aff
```
#727aff rgb(114,122,255)
```
#7672ff
```
#7672ff rgb(118,114,255)
```
#8172ff
```
#8172ff rgb(129,114,255)
```

Similar Colors

Text with hexadecimal color #7286ff

This text has a font color of #7286ff.

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

#7286ff background color

This paragraph has a background color of #7286ff.

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

#7286ff border color

This element has a border color of #7286ff.

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

CSS codes

.text {color:#7286ff;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#000524
```
#000524 rgb(0,5,36)
```
#000837
```
#000837 rgb(0,8,55)
```
#000b4b
```
#000b4b rgb(0,11,75)
```
#000d5e
```
#000d5e rgb(0,13,94)
```
#001072
```
#001072 rgb(0,16,114)
```
#001386
```
#001386 rgb(0,19,134)
```
#001699
```
#001699 rgb(0,22,153)
```
#0019ad
```
#0019ad rgb(0,25,173)
```
#001bc0
```
#001bc0 rgb(0,27,192)
```
#001ed4
```
#001ed4 rgb(0,30,212)
```
#0021e8
```
#0021e8 rgb(0,33,232)
```
#0024fb
```
#0024fb rgb(0,36,251)
```

Shade Color Variation

#1032ff
```
#1032ff rgb(16,50,255)
```
#2443ff
```
#2443ff rgb(36,67,255)
```
#3754ff
```
#3754ff rgb(55,84,255)
```
#4b64ff
```
#4b64ff rgb(75,100,255)
```
#5e75ff
```
#5e75ff rgb(94,117,255)
```
#7286ff
```
#7286ff rgb(114,134,255)
```
#8697ff
```
#8697ff rgb(134,151,255)
```
#99a8ff
```
#99a8ff rgb(153,168,255)
```
#adb8ff
```
#adb8ff rgb(173,184,255)
```
#c0c9ff
```
#c0c9ff rgb(192,201,255)
```
#d4daff
```
#d4daff rgb(212,218,255)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#b3b5be
```
#b3b5be rgb(179,181,190)
```
#aeb1c3
```
#aeb1c3 rgb(174,177,195)
```
#a8adc9
```
#a8adc9 rgb(168,173,201)
```
#a3a9ce
```
#a3a9ce rgb(163,169,206)
```
#9da5d4
```
#9da5d4 rgb(157,165,212)
```
#98a1d9
```
#98a1d9 rgb(152,161,217)
```
#939dde
```
#939dde rgb(147,157,222)
```
#8d99e4
```
#8d99e4 rgb(141,153,228)
```
#8896e9
```
#8896e9 rgb(136,150,233)
```
#8292ef
```
#8292ef rgb(130,146,239)
```
#7d8ef4
```
#7d8ef4 rgb(125,142,244)
```
#778afa
```
#778afa rgb(119,138,250)
```
#7286ff
```
#7286ff rgb(114,134,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#888ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b92ff Protanopia 1% of men
#2e97fa Deuteranopia 1% of men
#4fa0ac Tritanopia 0.001% of the population

Trichromacy

#638dff Protanomaly 1% of men, 0.01% of women
#4791fb Deuteranomaly 6% of men, 0.4% of women
#5c97ca Tritanomaly 0.01% of the population

#7286ff hex color

#7286ff Color Information

#7286ff Color Conversion

Color Schemes with #7286ff

Alternatives to #7286ff

#7286ff Preview

Shades and Tints of #7286ff

Tones of #7286ff

Color Blindness Simulator