#7894dc hex color

In a RGB color space, hex #7894dc is composed of 47.1% red, 58% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 32.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 223.2 degrees, a saturation of 58.8% and a lightness of 66.7%. #7894dc color hex could be obtained by blending #f0ffff with #0029b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 58
- B 86
RGB color chart
- C 45
- M 33
- Y 0
- K 14
CMYK color chart

● #7894dc color description : Soft blue.

The hexadecimal color #7894dc has RGB values of R:120, G:148, B:220 and CMYK values of C:0.45, M:0.33, Y:0, K:0.14. Its decimal value is 7902428.

Hex triplet	7894dc	`#7894dc`
RGB Decimal	120, 148, 220	`rgb(120,148,220)`
RGB Percent	47.1, 58, 86.3	`rgb(47.1%,58%,86.3%)`
CMYK	45, 33, 0, 14
HSL	223.2°, 58.8, 66.7	`hsl(223.2,58.8%,66.7%)`
HSV (or HSB)	223.2°, 45.5, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.946, 9.128, -39.785
XYZ	31.251, 30.339, 71.916
xyY	0.234, 0.227, 30.339
CIE-LCH	61.946, 40.819, 282.922
CIE-LUV	61.946, -15.938, -63.957
Hunter-Lab	55.081, 4.884, -38.855
Binary	01111000, 10010100, 11011100

#7894dc
```
#7894dc rgb(120,148,220)
```
#dcc078
```
#dcc078 rgb(220,192,120)
```

Complementary Color

#78c6dc
```
#78c6dc rgb(120,198,220)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#8e78dc
```
#8e78dc rgb(142,120,220)
```

Analogous Color

#c6dc78
```
#c6dc78 rgb(198,220,120)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#dc8e78
```
#dc8e78 rgb(220,142,120)
```

Split Complementary Color

#94dc78
```
#94dc78 rgb(148,220,120)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#dc7894
```
#dc7894 rgb(220,120,148)
```

Triadic Color

#78dcc0
```
#78dcc0 rgb(120,220,192)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#dc7894
```
#dc7894 rgb(220,120,148)
```
#dcc078
```
#dcc078 rgb(220,192,120)
```

Tetradic Color

#3b64cc
```
#3b64cc rgb(59,100,204)
```
#5074d2
```
#5074d2 rgb(80,116,210)
```
#6484d7
```
#6484d7 rgb(100,132,215)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#8ca4e1
```
#8ca4e1 rgb(140,164,225)
```
#a1b4e7
```
#a1b4e7 rgb(161,180,231)
```
#b5c4ec
```
#b5c4ec rgb(181,196,236)
```

Monochromatic Color

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

#78addc
```
#78addc rgb(120,173,220)
```
#78a5dc
```
#78a5dc rgb(120,165,220)
```
#789cdc
```
#789cdc rgb(120,156,220)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#788cdc
```
#788cdc rgb(120,140,220)
```
#7883dc
```
#7883dc rgb(120,131,220)
```
#787bdc
```
#787bdc rgb(120,123,220)
```

Similar Colors

Text with hexadecimal color #7894dc

This text has a font color of #7894dc.

<span style="color:#7894dc;">Text here</span>

#7894dc background color

This paragraph has a background color of #7894dc.

<p style="background-color:#7894dc;">Content here</p>

#7894dc border color

This element has a border color of #7894dc.

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

CSS codes

.text {color:#7894dc;}

.background {background-color:#7894dc;}

.border {border:1px solid #7894dc;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050a15
```
#050a15 rgb(5,10,21)
```
#091124
```
#091124 rgb(9,17,36)
```
#0d1834
```
#0d1834 rgb(13,24,52)
```
#122044
```
#122044 rgb(18,32,68)
```
#162753
```
#162753 rgb(22,39,83)
```
#1a2e63
```
#1a2e63 rgb(26,46,99)
```
#1e3572
```
#1e3572 rgb(30,53,114)
```
#223d82
```
#223d82 rgb(34,61,130)
```
#264491
```
#264491 rgb(38,68,145)
```
#2a4ba1
```
#2a4ba1 rgb(42,75,161)
```
#2e52b1
```
#2e52b1 rgb(46,82,177)
```
#325ac0
```
#325ac0 rgb(50,90,192)
```

Shade Color Variation

#3a63cc
```
#3a63cc rgb(58,99,204)
```
#496fd0
```
#496fd0 rgb(73,111,208)
```
#597bd4
```
#597bd4 rgb(89,123,212)
```
#6888d8
```
#6888d8 rgb(104,136,216)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#88a0e0
```
#88a0e0 rgb(136,160,224)
```
#97ade4
```
#97ade4 rgb(151,173,228)
```
#a7b9e8
```
#a7b9e8 rgb(167,185,232)
```
#b6c5ec
```
#b6c5ec rgb(182,197,236)
```
#c6d2f0
```
#c6d2f0 rgb(198,210,240)
```
#d5def4
```
#d5def4 rgb(213,222,244)
```
#e5eaf8
```
#e5eaf8 rgb(229,234,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#a6a8ae
```
#a6a8ae rgb(166,168,174)
```
#9fa5b5
```
#9fa5b5 rgb(159,165,181)
```
#99a2bb
```
#99a2bb rgb(153,162,187)
```
#92a0c2
```
#92a0c2 rgb(146,160,194)
```
#8c9dc8
```
#8c9dc8 rgb(140,157,200)
```
#859acf
```
#859acf rgb(133,154,207)
```
#7f97d5
```
#7f97d5 rgb(127,151,213)
```
#7894dc
```
#7894dc rgb(120,148,220)
```
#7191e3
```
#7191e3 rgb(113,145,227)
```
#6b8ee9
```
#6b8ee9 rgb(107,142,233)
```
#648bf0
```
#648bf0 rgb(100,139,240)
```
#5e88f6
```
#5e88f6 rgb(94,136,246)
```
#5786fd
```
#5786fd rgb(87,134,253)
```

Tone Color Variation

Below, you can see how #7894dc 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

#949494 Achromatopsia 0.005% of the population
#8e94a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8298dd Protanopia 1% of men
#7b9add Deuteranopia 1% of men
#6ea3af Tritanopia 0.001% of the population

Trichromacy

#7e97dc Protanomaly 1% of men, 0.01% of women
#7a98dc Deuteranomaly 6% of men, 0.4% of women
#719dbf Tritanomaly 0.01% of the population

#7894dc hex color

#7894dc Color Information

#7894dc Color Conversion

Color Schemes with #7894dc

Alternatives to #7894dc

#7894dc Preview

Shades and Tints of #7894dc

Tones of #7894dc

Color Blindness Simulator