#7284ea hex color

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

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

● #7284ea color description : Soft blue.

The hexadecimal color #7284ea has RGB values of R:114, G:132, B:234 and CMYK values of C:0.51, M:0.44, Y:0, K:0.08. Its decimal value is 7505130.

Hex triplet	7284ea	`#7284ea`
RGB Decimal	114, 132, 234	`rgb(114,132,234)`
RGB Percent	44.7, 51.8, 91.8	`rgb(44.7%,51.8%,91.8%)`
CMYK	51, 44, 0, 8
HSL	231°, 74.1, 68.2	`hsl(231,74.1%,68.2%)`
HSV (or HSB)	231°, 51.3, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.055, 21.376, -53.744
XYZ	30.039, 26.019, 81.277
xyY	0.219, 0.189, 26.019
CIE-LCH	58.055, 57.839, 291.689
CIE-LUV	58.055, -12.774, -87.358
Hunter-Lab	51.009, 15.852, -58.765
Binary	01110010, 10000100, 11101010

#7284ea
```
#7284ea rgb(114,132,234)
```
#ead872
```
#ead872 rgb(234,216,114)
```

Complementary Color

#72c0ea
```
#72c0ea rgb(114,192,234)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#9c72ea
```
#9c72ea rgb(156,114,234)
```

Analogous Color

#c0ea72
```
#c0ea72 rgb(192,234,114)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#ea9c72
```
#ea9c72 rgb(234,156,114)
```

Split Complementary Color

#84ea72
```
#84ea72 rgb(132,234,114)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#ea7284
```
#ea7284 rgb(234,114,132)
```

Triadic Color

#72ead8
```
#72ead8 rgb(114,234,216)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#ea7284
```
#ea7284 rgb(234,114,132)
```
#ead872
```
#ead872 rgb(234,216,114)
```

Tetradic Color

#2f4ae0
```
#2f4ae0 rgb(47,74,224)
```
#465de3
```
#465de3 rgb(70,93,227)
```
#5c71e7
```
#5c71e7 rgb(92,113,231)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#8897ed
```
#8897ed rgb(136,151,237)
```
#9eabf1
```
#9eabf1 rgb(158,171,241)
```
#b5bef4
```
#b5bef4 rgb(181,190,244)
```

Monochromatic Color

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

#72a2ea
```
#72a2ea rgb(114,162,234)
```
#7298ea
```
#7298ea rgb(114,152,234)
```
#728eea
```
#728eea rgb(114,142,234)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#727aea
```
#727aea rgb(114,122,234)
```
#7472ea
```
#7472ea rgb(116,114,234)
```
#7e72ea
```
#7e72ea rgb(126,114,234)
```

Similar Colors

Text with hexadecimal color #7284ea

This text has a font color of #7284ea.

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

#7284ea background color

This paragraph has a background color of #7284ea.

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

#7284ea border color

This element has a border color of #7284ea.

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

CSS codes

.text {color:#7284ea;}

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

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

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)
```
#04081e
```
#04081e rgb(4,8,30)
```
#070d2f
```
#070d2f rgb(7,13,47)
```
#0a1240
```
#0a1240 rgb(10,18,64)
```
#0c1651
```
#0c1651 rgb(12,22,81)
```
#0f1b62
```
#0f1b62 rgb(15,27,98)
```
#112073
```
#112073 rgb(17,32,115)
```
#142584
```
#142584 rgb(20,37,132)
```
#162995
```
#162995 rgb(22,41,149)
```
#192ea6
```
#192ea6 rgb(25,46,166)
```
#1b33b7
```
#1b33b7 rgb(27,51,183)
```
#1e37c8
```
#1e37c8 rgb(30,55,200)
```
#203cda
```
#203cda rgb(32,60,218)
```

Shade Color Variation

#2e48e0
```
#2e48e0 rgb(46,72,224)
```
#3f57e2
```
#3f57e2 rgb(63,87,226)
```
#5066e5
```
#5066e5 rgb(80,102,229)
```
#6175e7
```
#6175e7 rgb(97,117,231)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#8393ed
```
#8393ed rgb(131,147,237)
```
#94a2ef
```
#94a2ef rgb(148,162,239)
```
#a5b1f2
```
#a5b1f2 rgb(165,177,242)
```
#b6c0f4
```
#b6c0f4 rgb(182,192,244)
```
#c7cef7
```
#c7cef7 rgb(199,206,247)
```
#d8ddf9
```
#d8ddf9 rgb(216,221,249)
```
#eaecfc
```
#eaecfc rgb(234,236,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 #5f77fd is the most saturated one.

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a7b8
```
#a4a7b8 rgb(164,167,184)
```
#9ea3be
```
#9ea3be rgb(158,163,190)
```
#979ec5
```
#979ec5 rgb(151,158,197)
```
#919acb
```
#919acb rgb(145,154,203)
```
#8b95d1
```
#8b95d1 rgb(139,149,209)
```
#8591d7
```
#8591d7 rgb(133,145,215)
```
#7e8dde
```
#7e8dde rgb(126,141,222)
```
#7888e4
```
#7888e4 rgb(120,136,228)
```
#7284ea
```
#7284ea rgb(114,132,234)
```
#6c80f0
```
#6c80f0 rgb(108,128,240)
```
#667bf6
```
#667bf6 rgb(102,123,246)
```
#5f77fd
```
#5f77fd rgb(95,119,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#85899d Atypical Achromatopsia 0.001% of the population

Dichromacy

#638eee Protanopia 1% of men
#5092e7 Deuteranopia 1% of men
#5b9aa6 Tritanopia 0.001% of the population

Trichromacy

#688aec Protanomaly 1% of men, 0.01% of women
#5c8de8 Deuteranomaly 6% of men, 0.4% of women
#6392be Tritanomaly 0.01% of the population

#7284ea hex color

#7284ea Color Information

#7284ea Color Conversion

Color Schemes with #7284ea

Alternatives to #7284ea

#7284ea Preview

Shades and Tints of #7284ea

Tones of #7284ea

Color Blindness Simulator