#7084e0 hex color

In a RGB color space, hex #7084e0 is composed of 43.9% red, 51.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 41.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 229.3 degrees, a saturation of 64.4% and a lightness of 65.9%. #7084e0 color hex could be obtained by blending #e0ffff with #0009c1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 52
- B 88
RGB color chart
- C 50
- M 41
- Y 0
- K 12
CMYK color chart

● #7084e0 color description : Soft blue.

The hexadecimal color #7084e0 has RGB values of R:112, G:132, B:224 and CMYK values of C:0.5, M:0.41, Y:0, K:0.12. Its decimal value is 7374048.

Hex triplet	7084e0	`#7084e0`
RGB Decimal	112, 132, 224	`rgb(112,132,224)`
RGB Percent	43.9, 51.8, 87.8	`rgb(43.9%,51.8%,87.8%)`
CMYK	50, 41, 0, 12
HSL	229.3°, 64.4, 65.9	`hsl(229.3,64.4%,65.9%)`
HSV (or HSB)	229.3°, 50, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.394, 17.859, -49.229
XYZ	28.385, 25.328, 73.91
xyY	0.222, 0.198, 25.328
CIE-LCH	57.394, 52.369, 289.94
CIE-LUV	57.394, -13.152, -79.482
Hunter-Lab	50.327, 12.605, -51.844
Binary	01110000, 10000100, 11100000

#7084e0
```
#7084e0 rgb(112,132,224)
```
#e0cc70
```
#e0cc70 rgb(224,204,112)
```

Complementary Color

#70bce0
```
#70bce0 rgb(112,188,224)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#9470e0
```
#9470e0 rgb(148,112,224)
```

Analogous Color

#bce070
```
#bce070 rgb(188,224,112)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#e09470
```
#e09470 rgb(224,148,112)
```

Split Complementary Color

#84e070
```
#84e070 rgb(132,224,112)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#e07084
```
#e07084 rgb(224,112,132)
```

Triadic Color

#70e0cc
```
#70e0cc rgb(112,224,204)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#e07084
```
#e07084 rgb(224,112,132)
```
#e0cc70
```
#e0cc70 rgb(224,204,112)
```

Tetradic Color

#314ed2
```
#314ed2 rgb(49,78,210)
```
#4660d7
```
#4660d7 rgb(70,96,215)
```
#5b72db
```
#5b72db rgb(91,114,219)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#8596e5
```
#8596e5 rgb(133,150,229)
```
#9aa8e9
```
#9aa8e9 rgb(154,168,233)
```
#afbaee
```
#afbaee rgb(175,186,238)
```

Monochromatic Color

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

#70a0e0
```
#70a0e0 rgb(112,160,224)
```
#7097e0
```
#7097e0 rgb(112,151,224)
```
#708de0
```
#708de0 rgb(112,141,224)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#707be0
```
#707be0 rgb(112,123,224)
```
#7071e0
```
#7071e0 rgb(112,113,224)
```
#7870e0
```
#7870e0 rgb(120,112,224)
```

Similar Colors

Text with hexadecimal color #7084e0

This text has a font color of #7084e0.

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

#7084e0 background color

This paragraph has a background color of #7084e0.

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

#7084e0 border color

This element has a border color of #7084e0.

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

CSS codes

.text {color:#7084e0;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0b1232
```
#0b1232 rgb(11,18,50)
```
#0e1843
```
#0e1843 rgb(14,24,67)
```
#121d53
```
#121d53 rgb(18,29,83)
```
#152363
```
#152363 rgb(21,35,99)
```
#192973
```
#192973 rgb(25,41,115)
```
#1c2f83
```
#1c2f83 rgb(28,47,131)
```
#203493
```
#203493 rgb(32,52,147)
```
#233aa3
```
#233aa3 rgb(35,58,163)
```
#2740b3
```
#2740b3 rgb(39,64,179)
```
#2a46c4
```
#2a46c4 rgb(42,70,196)
```

Shade Color Variation

#304dd2
```
#304dd2 rgb(48,77,210)
```
#405ad6
```
#405ad6 rgb(64,90,214)
```
#5068d9
```
#5068d9 rgb(80,104,217)
```
#6076dd
```
#6076dd rgb(96,118,221)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#8092e3
```
#8092e3 rgb(128,146,227)
```
#90a0e7
```
#90a0e7 rgb(144,160,231)
```
#a0aeea
```
#a0aeea rgb(160,174,234)
```
#b0bbee
```
#b0bbee rgb(176,187,238)
```
#c1c9f1
```
#c1c9f1 rgb(193,201,241)
```
#d1d7f5
```
#d1d7f5 rgb(209,215,245)
```
#e1e5f8
```
#e1e5f8 rgb(225,229,248)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

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

#a6a6aa
```
#a6a6aa rgb(166,166,170)
```
#9fa2b1
```
#9fa2b1 rgb(159,162,177)
```
#989eb8
```
#989eb8 rgb(152,158,184)
```
#919abf
```
#919abf rgb(145,154,191)
```
#8b95c5
```
#8b95c5 rgb(139,149,197)
```
#8491cc
```
#8491cc rgb(132,145,204)
```
#7d8dd3
```
#7d8dd3 rgb(125,141,211)
```
#7788d9
```
#7788d9 rgb(119,136,217)
```
#7084e0
```
#7084e0 rgb(112,132,224)
```
#6980e7
```
#6980e7 rgb(105,128,231)
```
#637bed
```
#637bed rgb(99,123,237)
```
#5c77f4
```
#5c77f4 rgb(92,119,244)
```
#5573fb
```
#5573fb rgb(85,115,251)
```

Tone Color Variation

Below, you can see how #7084e0 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

#898989 Achromatopsia 0.005% of the population
#84889a Atypical Achromatopsia 0.001% of the population

Dichromacy

#698de3 Protanopia 1% of men
#5a90df Deuteranopia 1% of men
#5e98a3 Tritanopia 0.001% of the population

Trichromacy

#6b89e2 Protanomaly 1% of men, 0.01% of women
#628bdf Deuteranomaly 6% of men, 0.4% of women
#6491b9 Tritanomaly 0.01% of the population

#7084e0 hex color

#7084e0 Color Information

#7084e0 Color Conversion

Color Schemes with #7084e0

Alternatives to #7084e0

#7084e0 Preview

Shades and Tints of #7084e0

Tones of #7084e0

Color Blindness Simulator