#7894b0 hex color

In a RGB color space, hex #7894b0 is composed of 47.1% red, 58% green and 69% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 15.9% magenta, 0% yellow and 31% black. It has a hue angle of 210 degrees, a saturation of 26.2% and a lightness of 58%. #7894b0 color hex could be obtained by blending #f0ffff with #002961. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 58
- B 69
RGB color chart
- C 32
- M 16
- Y 0
- K 31
CMYK color chart

● #7894b0 color description : Mostly desaturated dark blue.

The hexadecimal color #7894b0 has RGB values of R:120, G:148, B:176 and CMYK values of C:0.32, M:0.16, Y:0, K:0.31. Its decimal value is 7902384.

Hex triplet	7894b0	`#7894b0`
RGB Decimal	120, 148, 176	`rgb(120,148,176)`
RGB Percent	47.1, 58, 69	`rgb(47.1%,58%,69%)`
CMYK	32, 16, 0, 31
HSL	210°, 26.2, 58	`hsl(210,26.2%,58%)`
HSV (or HSB)	210°, 31.8, 69
Web Safe	669999	`#669999`

CIE-LAB	60.165, -3.014, -17.829
XYZ	26.17, 28.307, 45.157
xyY	0.263, 0.284, 28.307
CIE-LCH	60.165, 18.082, 260.405
CIE-LUV	60.165, -15.076, -26.414
Hunter-Lab	53.204, -5.305, -13.079
Binary	01111000, 10010100, 10110000

#7894b0
```
#7894b0 rgb(120,148,176)
```
#b09478
```
#b09478 rgb(176,148,120)
```

Complementary Color

#78b0b0
```
#78b0b0 rgb(120,176,176)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#7878b0
```
#7878b0 rgb(120,120,176)
```

Analogous Color

#b0b078
```
#b0b078 rgb(176,176,120)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#b07878
```
#b07878 rgb(176,120,120)
```

Split Complementary Color

#94b078
```
#94b078 rgb(148,176,120)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#b07894
```
#b07894 rgb(176,120,148)
```

Triadic Color

#78b094
```
#78b094 rgb(120,176,148)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#b07894
```
#b07894 rgb(176,120,148)
```
#b09478
```
#b09478 rgb(176,148,120)
```

Tetradic Color

#516e8a
```
#516e8a rgb(81,110,138)
```
#5a7b9b
```
#5a7b9b rgb(90,123,155)
```
#6887a7
```
#6887a7 rgb(104,135,167)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#88a1b9
```
#88a1b9 rgb(136,161,185)
```
#98aec3
```
#98aec3 rgb(152,174,195)
```
#a8bacc
```
#a8bacc rgb(168,186,204)
```

Monochromatic Color

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

#78a2b0
```
#78a2b0 rgb(120,162,176)
```
#789db0
```
#789db0 rgb(120,157,176)
```
#7899b0
```
#7899b0 rgb(120,153,176)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#788fb0
```
#788fb0 rgb(120,143,176)
```
#788bb0
```
#788bb0 rgb(120,139,176)
```
#7886b0
```
#7886b0 rgb(120,134,176)
```

Similar Colors

Text with hexadecimal color #7894b0

This text has a font color of #7894b0.

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

#7894b0 background color

This paragraph has a background color of #7894b0.

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

#7894b0 border color

This element has a border color of #7894b0.

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

CSS codes

.text {color:#7894b0;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0d
```
#080b0d rgb(8,11,13)
```
#0f151a
```
#0f151a rgb(15,21,26)
```
#161e26
```
#161e26 rgb(22,30,38)
```
#1e2833
```
#1e2833 rgb(30,40,51)
```
#25323f
```
#25323f rgb(37,50,63)
```
#2c3c4b
```
#2c3c4b rgb(44,60,75)
```
#334658
```
#334658 rgb(51,70,88)
```
#3b4f64
```
#3b4f64 rgb(59,79,100)
```
#425970
```
#425970 rgb(66,89,112)
```
#49637d
```
#49637d rgb(73,99,125)
```
#506d89
```
#506d89 rgb(80,109,137)
```
#587796
```
#587796 rgb(88,119,150)
```

Shade Color Variation

#5f80a2
```
#5f80a2 rgb(95,128,162)
```
#6c8aa9
```
#6c8aa9 rgb(108,138,169)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#849eb7
```
#849eb7 rgb(132,158,183)
```
#91a8be
```
#91a8be rgb(145,168,190)
```
#9db1c6
```
#9db1c6 rgb(157,177,198)
```
#a9bbcd
```
#a9bbcd rgb(169,187,205)
```
#b6c5d4
```
#b6c5d4 rgb(182,197,212)
```
#c2cfdb
```
#c2cfdb rgb(194,207,219)
```
#cfd9e3
```
#cfd9e3 rgb(207,217,227)
```
#dbe2ea
```
#dbe2ea rgb(219,226,234)
```
#e7ecf1
```
#e7ecf1 rgb(231,236,241)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

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

#919497
```
#919497 rgb(145,148,151)
```
#8894a0
```
#8894a0 rgb(136,148,160)
```
#8094a8
```
#8094a8 rgb(128,148,168)
```
#7894b0
```
#7894b0 rgb(120,148,176)
```
#7094b8
```
#7094b8 rgb(112,148,184)
```
#6894c0
```
#6894c0 rgb(104,148,192)
```
#5f94c9
```
#5f94c9 rgb(95,148,201)
```
#5794d1
```
#5794d1 rgb(87,148,209)
```
#4f94d9
```
#4f94d9 rgb(79,148,217)
```
#4794e1
```
#4794e1 rgb(71,148,225)
```
#3e94ea
```
#3e94ea rgb(62,148,234)
```
#3694f2
```
#3694f2 rgb(54,148,242)
```
#2e94fa
```
#2e94fa rgb(46,148,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8a9096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9095b1 Protanopia 1% of men
#9393b6 Deuteranopia 1% of men
#7b9ba7 Tritanopia 0.001% of the population

Trichromacy

#8794b1 Protanomaly 1% of men, 0.01% of women
#8993b3 Deuteranomaly 6% of men, 0.4% of women
#7a99aa Tritanomaly 0.01% of the population

#7894b0 hex color

#7894b0 Color Information

#7894b0 Color Conversion

Color Schemes with #7894b0

Alternatives to #7894b0

#7894b0 Preview

Shades and Tints of #7894b0

Tones of #7894b0

Color Blindness Simulator