#7084f0 hex color

In a RGB color space, hex #7084f0 is composed of 43.9% red, 51.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 45% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.6 degrees, a saturation of 81% and a lightness of 69%. #7084f0 color hex could be obtained by blending #e0ffff with #0009e1. Closest websafe color is: #6699ff.

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

● #7084f0 color description : Soft blue.

The hexadecimal color #7084f0 has RGB values of R:112, G:132, B:240 and CMYK values of C:0.53, M:0.45, Y:0, K:0.06. Its decimal value is 7374064.

Hex triplet	7084f0	`#7084f0`
RGB Decimal	112, 132, 240	`rgb(112,132,240)`
RGB Percent	43.9, 51.8, 94.1	`rgb(43.9%,51.8%,94.1%)`
CMYK	53, 45, 0, 6
HSL	230.6°, 81, 69	`hsl(230.6,81%,69%)`
HSV (or HSB)	230.6°, 53.3, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.262, 22.812, -56.752
XYZ	30.658, 26.237, 85.882
xyY	0.215, 0.184, 26.237
CIE-LCH	58.262, 61.165, 291.898
CIE-LUV	58.262, -13.625, -92.424
Hunter-Lab	51.222, 17.199, -63.553
Binary	01110000, 10000100, 11110000

#7084f0
```
#7084f0 rgb(112,132,240)
```
#f0dc70
```
#f0dc70 rgb(240,220,112)
```

Complementary Color

#70c4f0
```
#70c4f0 rgb(112,196,240)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#9c70f0
```
#9c70f0 rgb(156,112,240)
```

Analogous Color

#c4f070
```
#c4f070 rgb(196,240,112)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#f09c70
```
#f09c70 rgb(240,156,112)
```

Split Complementary Color

#84f070
```
#84f070 rgb(132,240,112)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#f07084
```
#f07084 rgb(240,112,132)
```

Triadic Color

#70f0dc
```
#70f0dc rgb(112,240,220)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#f07084
```
#f07084 rgb(240,112,132)
```
#f0dc70
```
#f0dc70 rgb(240,220,112)
```

Tetradic Color

#2b48e9
```
#2b48e9 rgb(43,72,233)
```
#425ceb
```
#425ceb rgb(66,92,235)
```
#5970ee
```
#5970ee rgb(89,112,238)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#8798f2
```
#8798f2 rgb(135,152,242)
```
#9eacf5
```
#9eacf5 rgb(158,172,245)
```
#b5c0f7
```
#b5c0f7 rgb(181,192,247)
```

Monochromatic Color

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

#70a4f0
```
#70a4f0 rgb(112,164,240)
```
#7099f0
```
#7099f0 rgb(112,153,240)
```
#708ff0
```
#708ff0 rgb(112,143,240)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#7079f0
```
#7079f0 rgb(112,121,240)
```
#7170f0
```
#7170f0 rgb(113,112,240)
```
#7c70f0
```
#7c70f0 rgb(124,112,240)
```

Similar Colors

Text with hexadecimal color #7084f0

This text has a font color of #7084f0.

<span style="color:#7084f0;">Text here</span>

#7084f0 background color

This paragraph has a background color of #7084f0.

<p style="background-color:#7084f0;">Content here</p>

#7084f0 border color

This element has a border color of #7084f0.

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

CSS codes

.text {color:#7084f0;}

.background {background-color:#7084f0;}

.border {border:1px solid #7084f0;}

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
```
#020411 rgb(2,4,17)
```
#040823
```
#040823 rgb(4,8,35)
```
#050d34
```
#050d34 rgb(5,13,52)
```
#071146
```
#071146 rgb(7,17,70)
```
#091558
```
#091558 rgb(9,21,88)
```
#0b1a6a
```
#0b1a6a rgb(11,26,106)
```
#0d1e7b
```
#0d1e7b rgb(13,30,123)
```
#0f238d
```
#0f238d rgb(15,35,141)
```
#11279f
```
#11279f rgb(17,39,159)
```
#132bb1
```
#132bb1 rgb(19,43,177)
```
#1430c2
```
#1430c2 rgb(20,48,194)
```
#1634d4
```
#1634d4 rgb(22,52,212)
```
#1838e6
```
#1838e6 rgb(24,56,230)
```

Shade Color Variation

#2947e9
```
#2947e9 rgb(41,71,233)
```
#3b56ea
```
#3b56ea rgb(59,86,234)
```
#4c65ec
```
#4c65ec rgb(76,101,236)
```
#5e75ee
```
#5e75ee rgb(94,117,238)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#8293f2
```
#8293f2 rgb(130,147,242)
```
#94a3f4
```
#94a3f4 rgb(148,163,244)
```
#a5b2f6
```
#a5b2f6 rgb(165,178,246)
```
#b7c1f7
```
#b7c1f7 rgb(183,193,247)
```
#c9d0f9
```
#c9d0f9 rgb(201,208,249)
```
#dbe0fb
```
#dbe0fb rgb(219,224,251)
```
#eceffd
```
#eceffd rgb(236,239,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#adaeb3
```
#adaeb3 rgb(173,174,179)
```
#a7aab9
```
#a7aab9 rgb(167,170,185)
```
#a1a5bf
```
#a1a5bf rgb(161,165,191)
```
#9ba1c5
```
#9ba1c5 rgb(155,161,197)
```
#949dcc
```
#949dcc rgb(148,157,204)
```
#8e99d2
```
#8e99d2 rgb(142,153,210)
```
#8895d8
```
#8895d8 rgb(136,149,216)
```
#8291de
```
#8291de rgb(130,145,222)
```
#7c8ce4
```
#7c8ce4 rgb(124,140,228)
```
#7688ea
```
#7688ea rgb(118,136,234)
```
#7084f0
```
#7084f0 rgb(112,132,240)
```
#6a80f6
```
#6a80f6 rgb(106,128,246)
```
#647cfc
```
#647cfc rgb(100,124,252)
```

Tone Color Variation

Below, you can see how #7084f0 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
#85899e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8ef4 Protanopia 1% of men
#4693ed Deuteranopia 1% of men
#559ca7 Tritanopia 0.001% of the population

Trichromacy

#648af2 Protanomaly 1% of men, 0.01% of women
#558dee Deuteranomaly 6% of men, 0.4% of women
#5f93c1 Tritanomaly 0.01% of the population

#7084f0 hex color

#7084f0 Color Information

#7084f0 Color Conversion

Color Schemes with #7084f0

Alternatives to #7084f0

#7084f0 Preview

Shades and Tints of #7084f0

Tones of #7084f0

Color Blindness Simulator