#7284ee Color Information
In a RGB color space, hex #7284ee is composed of 44.7% red, 51.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 44.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 231.3 degrees, a saturation of 78.5% and a lightness of 69%. #7284ee color hex could be obtained by blending #e4ffff with #0009dd. Closest websafe color is: #6699ff.
-
- R 45
- G 52
- B 93
-
- C 52
- M 45
- Y 0
- K 7
● #7284ee color description : Soft blue.
#7284ee Color Conversion
The hexadecimal color #7284ee has RGB values of R:114, G:132, B:238 and CMYK values of C:0.52, M:0.45, Y:0, K:0.07. Its decimal value is 7505134.
| Hex triplet | 7284ee | #7284ee |
|---|---|---|
| RGB Decimal | 114, 132, 238 | rgb(114,132,238) |
| RGB Percent | 44.7, 51.8, 93.3 | rgb(44.7%,51.8%,93.3%) |
| CMYK | 52, 45, 0, 7 | |
| HSL | 231.3°, 78.5, 69 | hsl(231.3,78.5%,69%) |
| HSV (or HSB) | 231.3°, 52.1, 93.3 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 58.275, 22.61, -55.615 |
|---|---|
| XYZ | 30.62, 26.252, 84.338 |
| xyY | 0.217, 0.186, 26.252 |
| CIE-LCH | 58.275, 60.035, 292.124 |
| CIE-LUV | 58.275, -12.903, -90.575 |
| Hunter-Lab | 51.236, 17.012, -61.729 |
| Binary | 01110010, 10000100, 11101110 |
Color Schemes with #7284ee
Alternatives to #7284ee
Below, you can see some colors close to #7284ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7284ee Preview
This text has a font color of #7284ee.
<span style="color:#7284ee;">Text here</span>
This paragraph has a background color of #7284ee.
<p style="background-color:#7284ee;">Content here</p>
This element has a border color of #7284ee.
<div style="border:1px solid #7284ee;">Content here</div>
.text {color:#7284ee;}
.background {background-color:#7284ee;}
.border {border:1px solid #7284ee;}
Shades and Tints of #7284ee
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, #020411 is the darkest color, while #fefeff is the lightest one.
-
#020411
#020411rgb(2,4,17) -
#040822
#040822rgb(4,8,34) -
#060d34
#060d34rgb(6,13,52) -
#081145
#081145rgb(8,17,69) -
#0a1557
#0a1557rgb(10,21,87) -
#0d1a68
#0d1a68rgb(13,26,104) -
#0f1e7a
#0f1e7argb(15,30,122) -
#11238b
#11238brgb(17,35,139) -
#13279d
#13279drgb(19,39,157) -
#152bae
#152baergb(21,43,174) -
#1730c0
#1730c0rgb(23,48,192) -
#1934d1
#1934d1rgb(25,52,209) -
#1b38e3
#1b38e3rgb(27,56,227)
-
#2c47e6
#2c47e6rgb(44,71,230) -
#3d56e8
#3d56e8rgb(61,86,232) -
#4f65ea
#4f65eargb(79,101,234) -
#6075ec
#6075ecrgb(96,117,236) -
#7284ee
#7284eergb(114,132,238) -
#8493f0
#8493f0rgb(132,147,240) -
#95a3f2
#95a3f2rgb(149,163,242) -
#a7b2f4
#a7b2f4rgb(167,178,244) -
#b8c1f6
#b8c1f6rgb(184,193,246) -
#cad0f9
#cad0f9rgb(202,208,249) -
#dbe0fb
#dbe0fbrgb(219,224,251) -
#edeffd
#edeffdrgb(237,239,253) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #7284ee
A tone is produced by adding gray to any pure hue. In this case, #afafb1 is the less saturated color, while #667bfa is the most saturated one.
-
#afafb1
#afafb1rgb(175,175,177) -
#a9abb7
#a9abb7rgb(169,171,183) -
#a3a7bd
#a3a7bdrgb(163,167,189) -
#9da2c3
#9da2c3rgb(157,162,195) -
#969eca
#969ecargb(150,158,202) -
#909ad0
#909ad0rgb(144,154,208) -
#8a95d6
#8a95d6rgb(138,149,214) -
#8491dc
#8491dcrgb(132,145,220) -
#7e8de2
#7e8de2rgb(126,141,226) -
#7888e8
#7888e8rgb(120,136,232) -
#7284ee
#7284eergb(114,132,238) -
#6c80f4
#6c80f4rgb(108,128,244) -
#667bfa
#667bfargb(102,123,250)
Color Blindness Simulator
Below, you can see how #7284ee 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.
