#7284fd hex color

In a RGB color space, hex #7284fd is composed of 44.7% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.2 degrees, a saturation of 97.2% and a lightness of 72%. #7284fd color hex could be obtained by blending #e4ffff with #0009fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 52
- B 99
RGB color chart
- C 55
- M 48
- Y 0
- K 1
CMYK color chart

● #7284fd color description : Soft blue.

The hexadecimal color #7284fd has RGB values of R:114, G:132, B:253 and CMYK values of C:0.55, M:0.48, Y:0, K:0.01. Its decimal value is 7505149.

Hex triplet	7284fd	`#7284fd`
RGB Decimal	114, 132, 253	`rgb(114,132,253)`
RGB Percent	44.7, 51.8, 99.2	`rgb(44.7%,51.8%,99.2%)`
CMYK	55, 48, 0, 1
HSL	232.2°, 97.2, 72	`hsl(232.2,97.2%,72%)`
HSV (or HSB)	232.2°, 54.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.132, 27.282, -62.529
XYZ	32.917, 27.17, 96.433
xyY	0.21, 0.174, 27.17
CIE-LCH	59.132, 68.222, 293.572
CIE-LUV	59.132, -13.389, -102.434
Hunter-Lab	52.125, 21.502, -73.2
Binary	01110010, 10000100, 11111101

#7284fd
```
#7284fd rgb(114,132,253)
```
#fdeb72
```
#fdeb72 rgb(253,235,114)
```

Complementary Color

#72cafd
```
#72cafd rgb(114,202,253)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#a672fd
```
#a672fd rgb(166,114,253)
```

Analogous Color

#cafd72
```
#cafd72 rgb(202,253,114)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#fda672
```
#fda672 rgb(253,166,114)
```

Split Complementary Color

#84fd72
```
#84fd72 rgb(132,253,114)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#fd7284
```
#fd7284 rgb(253,114,132)
```

Triadic Color

#72fdeb
```
#72fdeb rgb(114,253,235)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#fd7284
```
#fd7284 rgb(253,114,132)
```
#fdeb72
```
#fdeb72 rgb(253,235,114)
```

Tetradic Color

#2742fc
```
#2742fc rgb(39,66,252)
```
#4058fc
```
#4058fc rgb(64,88,252)
```
#596efd
```
#596efd rgb(89,110,253)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#8b9afd
```
#8b9afd rgb(139,154,253)
```
#a4b0fe
```
#a4b0fe rgb(164,176,254)
```
#bdc6fe
```
#bdc6fe rgb(189,198,254)
```

Monochromatic Color

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

#72a7fd
```
#72a7fd rgb(114,167,253)
```
#729bfd
```
#729bfd rgb(114,155,253)
```
#7290fd
```
#7290fd rgb(114,144,253)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#7278fd
```
#7278fd rgb(114,120,253)
```
#7772fd
```
#7772fd rgb(119,114,253)
```
#8372fd
```
#8372fd rgb(131,114,253)
```

Similar Colors

Text with hexadecimal color #7284fd

This text has a font color of #7284fd.

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

#7284fd background color

This paragraph has a background color of #7284fd.

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

#7284fd border color

This element has a border color of #7284fd.

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

CSS codes

.text {color:#7284fd;}

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

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

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

#00020e
```
#00020e rgb(0,2,14)
```
#000521
```
#000521 rgb(0,5,33)
```
#010734
```
#010734 rgb(1,7,52)
```
#010a48
```
#010a48 rgb(1,10,72)
```
#010d5b
```
#010d5b rgb(1,13,91)
```
#02106e
```
#02106e rgb(2,16,110)
```
#021282
```
#021282 rgb(2,18,130)
```
#021595
```
#021595 rgb(2,21,149)
```
#0218a8
```
#0218a8 rgb(2,24,168)
```
#031bbc
```
#031bbc rgb(3,27,188)
```
#031dcf
```
#031dcf rgb(3,29,207)
```
#0320e2
```
#0320e2 rgb(3,32,226)
```
#0323f6
```
#0323f6 rgb(3,35,246)
```

Shade Color Variation

#1130fc
```
#1130fc rgb(17,48,252)
```
#2541fc
```
#2541fc rgb(37,65,252)
```
#3851fc
```
#3851fc rgb(56,81,252)
```
#4b62fc
```
#4b62fc rgb(75,98,252)
```
#5f73fd
```
#5f73fd rgb(95,115,253)
```
#7284fd
```
#7284fd rgb(114,132,253)
```
#8595fd
```
#8595fd rgb(133,149,253)
```
#99a6fe
```
#99a6fe rgb(153,166,254)
```
#acb7fe
```
#acb7fe rgb(172,183,254)
```
#bfc7fe
```
#bfc7fe rgb(191,199,254)
```
#d3d8fe
```
#d3d8fe rgb(211,216,254)
```
#e6e9ff
```
#e6e9ff rgb(230,233,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#b4b5bb
```
#b4b5bb rgb(180,181,187)
```
#afb1c1
```
#afb1c1 rgb(175,177,193)
```
#a9adc6
```
#a9adc6 rgb(169,173,198)
```
#a4a9cc
```
#a4a9cc rgb(164,169,204)
```
#9ea5d1
```
#9ea5d1 rgb(158,165,209)
```
#99a1d7
```
#99a1d7 rgb(153,161,215)
```
#939cdc
```
#939cdc rgb(147,156,220)
```
#8e98e2
```
#8e98e2 rgb(142,152,226)
```
#8894e7
```
#8894e7 rgb(136,148,231)
```
#8390ed
```
#8390ed rgb(131,144,237)
```
#7d8cf2
```
#7d8cf2 rgb(125,140,242)
```
#7888f8
```
#7888f8 rgb(120,136,248)
```
#7284fd
```
#7284fd rgb(114,132,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#878aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5790ff Protanopia 1% of men
#2b96f8 Deuteranopia 1% of men
#509faa Tritanopia 0.001% of the population

Trichromacy

#618cfe Protanomaly 1% of men, 0.01% of women
#458ff9 Deuteranomaly 6% of men, 0.4% of women
#5c95c8 Tritanomaly 0.01% of the population

#7284fd hex color

#7284fd Color Information

#7284fd Color Conversion

Color Schemes with #7284fd

Alternatives to #7284fd

#7284fd Preview

Shades and Tints of #7284fd

Tones of #7284fd

Color Blindness Simulator