#7284f2 hex color

In a RGB color space, hex #7284f2 is composed of 44.7% red, 51.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 45.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.6 degrees, a saturation of 83.1% and a lightness of 69.8%. #7284f2 color hex could be obtained by blending #e4ffff with #0009e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 52
- B 95
RGB color chart
- C 53
- M 45
- Y 0
- K 5
CMYK color chart

● #7284f2 color description : Soft blue.

The hexadecimal color #7284f2 has RGB values of R:114, G:132, B:242 and CMYK values of C:0.53, M:0.45, Y:0, K:0.05. Its decimal value is 7505138.

Hex triplet	7284f2	`#7284f2`
RGB Decimal	114, 132, 242	`rgb(114,132,242)`
RGB Percent	44.7, 51.8, 94.9	`rgb(44.7%,51.8%,94.9%)`
CMYK	53, 45, 0, 5
HSL	231.6°, 83.1, 69.8	`hsl(231.6,83.1%,69.8%)`
HSV (or HSB)	231.6°, 52.9, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.499, 23.85, -57.474
XYZ	31.214, 26.489, 87.468
xyY	0.215, 0.182, 26.489
CIE-LCH	58.499, 62.226, 292.537
CIE-LUV	58.499, -13.033, -93.769
Hunter-Lab	51.468, 18.189, -64.734
Binary	01110010, 10000100, 11110010

#7284f2
```
#7284f2 rgb(114,132,242)
```
#f2e072
```
#f2e072 rgb(242,224,114)
```

Complementary Color

#72c4f2
```
#72c4f2 rgb(114,196,242)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#a072f2
```
#a072f2 rgb(160,114,242)
```

Analogous Color

#c4f272
```
#c4f272 rgb(196,242,114)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#f2a072
```
#f2a072 rgb(242,160,114)
```

Split Complementary Color

#84f272
```
#84f272 rgb(132,242,114)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#f27284
```
#f27284 rgb(242,114,132)
```

Triadic Color

#72f2e0
```
#72f2e0 rgb(114,242,224)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#f27284
```
#f27284 rgb(242,114,132)
```
#f2e072
```
#f2e072 rgb(242,224,114)
```

Tetradic Color

#2c47ec
```
#2c47ec rgb(44,71,236)
```
#435bee
```
#435bee rgb(67,91,238)
```
#5b70f0
```
#5b70f0 rgb(91,112,240)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#8998f4
```
#8998f4 rgb(137,152,244)
```
#a1adf6
```
#a1adf6 rgb(161,173,246)
```
#b8c1f8
```
#b8c1f8 rgb(184,193,248)
```

Monochromatic Color

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

#72a4f2
```
#72a4f2 rgb(114,164,242)
```
#7299f2
```
#7299f2 rgb(114,153,242)
```
#728ff2
```
#728ff2 rgb(114,143,242)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#7279f2
```
#7279f2 rgb(114,121,242)
```
#7572f2
```
#7572f2 rgb(117,114,242)
```
#8072f2
```
#8072f2 rgb(128,114,242)
```

Similar Colors

Text with hexadecimal color #7284f2

This text has a font color of #7284f2.

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

#7284f2 background color

This paragraph has a background color of #7284f2.

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

#7284f2 border color

This element has a border color of #7284f2.

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

CSS codes

.text {color:#7284f2;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020515
```
#020515 rgb(2,5,21)
```
#040827
```
#040827 rgb(4,8,39)
```
#050c39
```
#050c39 rgb(5,12,57)
```
#07104b
```
#07104b rgb(7,16,75)
```
#09145c
```
#09145c rgb(9,20,92)
```
#0a186e
```
#0a186e rgb(10,24,110)
```
#0c1c80
```
#0c1c80 rgb(12,28,128)
```
#0d2092
```
#0d2092 rgb(13,32,146)
```
#0f24a4
```
#0f24a4 rgb(15,36,164)
```
#1128b6
```
#1128b6 rgb(17,40,182)
```
#122cc8
```
#122cc8 rgb(18,44,200)
```
#1430da
```
#1430da rgb(20,48,218)
```

Shade Color Variation

#1836ea
```
#1836ea rgb(24,54,234)
```
#2a45eb
```
#2a45eb rgb(42,69,235)
```
#3c55ed
```
#3c55ed rgb(60,85,237)
```
#4e65ef
```
#4e65ef rgb(78,101,239)
```
#6074f0
```
#6074f0 rgb(96,116,240)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#8494f4
```
#8494f4 rgb(132,148,244)
```
#96a3f5
```
#96a3f5 rgb(150,163,245)
```
#a8b3f7
```
#a8b3f7 rgb(168,179,247)
```
#bac3f9
```
#bac3f9 rgb(186,195,249)
```
#ccd2fa
```
#ccd2fa rgb(204,210,250)
```
#dee2fc
```
#dee2fc rgb(222,226,252)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

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

#adafb7
```
#adafb7 rgb(173,175,183)
```
#a7aabd
```
#a7aabd rgb(167,170,189)
```
#a1a6c3
```
#a1a6c3 rgb(161,166,195)
```
#9ba2c9
```
#9ba2c9 rgb(155,162,201)
```
#969ece
```
#969ece rgb(150,158,206)
```
#9099d4
```
#9099d4 rgb(144,153,212)
```
#8a95da
```
#8a95da rgb(138,149,218)
```
#8491e0
```
#8491e0 rgb(132,145,224)
```
#7e8de6
```
#7e8de6 rgb(126,141,230)
```
#7888ec
```
#7888ec rgb(120,136,236)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#6c80f8
```
#6c80f8 rgb(108,128,248)
```
#667bfe
```
#667bfe rgb(102,123,254)
```

Tone Color Variation

Below, you can see how #7284f2 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
#868aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8ff6 Protanopia 1% of men
#4494ee Deuteranopia 1% of men
#579ca8 Tritanopia 0.001% of the population

Trichromacy

#648bf5 Protanomaly 1% of men, 0.01% of women
#558eef Deuteranomaly 6% of men, 0.4% of women
#6193c2 Tritanomaly 0.01% of the population

#7284f2 hex color

#7284f2 Color Information

#7284f2 Color Conversion

Color Schemes with #7284f2

Alternatives to #7284f2

#7284f2 Preview

Shades and Tints of #7284f2

Tones of #7284f2

Color Blindness Simulator