#78b0ef hex color

In a RGB color space, hex #78b0ef is composed of 47.1% red, 69% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 26.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.8 degrees, a saturation of 78.8% and a lightness of 70.4%. #78b0ef color hex could be obtained by blending #f0ffff with #0061df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 69
- B 94
RGB color chart
- C 50
- M 26
- Y 0
- K 6
CMYK color chart

● #78b0ef color description : Soft blue.

The hexadecimal color #78b0ef has RGB values of R:120, G:176, B:239 and CMYK values of C:0.5, M:0.26, Y:0, K:0.06. Its decimal value is 7909615.

Hex triplet	78b0ef	`#78b0ef`
RGB Decimal	120, 176, 239	`rgb(120,176,239)`
RGB Percent	47.1, 69, 93.7	`rgb(47.1%,69%,93.7%)`
CMYK	50, 26, 0, 6
HSL	211.8°, 78.8, 70.4	`hsl(211.8,78.8%,70.4%)`
HSV (or HSB)	211.8°, 49.8, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.367, -1.212, -37.088
XYZ	38.847, 41.274, 87.576
xyY	0.232, 0.246, 41.274
CIE-LCH	70.367, 37.107, 268.128
CIE-LUV	70.367, -26.586, -59.342
Hunter-Lab	64.245, -4.493, -35.851
Binary	01111000, 10110000, 11101111

#78b0ef
```
#78b0ef rgb(120,176,239)
```
#efb778
```
#efb778 rgb(239,183,120)
```

Complementary Color

#78ecef
```
#78ecef rgb(120,236,239)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#7c78ef
```
#7c78ef rgb(124,120,239)
```

Analogous Color

#ecef78
```
#ecef78 rgb(236,239,120)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#ef7c78
```
#ef7c78 rgb(239,124,120)
```

Split Complementary Color

#b0ef78
```
#b0ef78 rgb(176,239,120)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#ef78b0
```
#ef78b0 rgb(239,120,176)
```

Triadic Color

#78efb7
```
#78efb7 rgb(120,239,183)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#ef78b0
```
#ef78b0 rgb(239,120,176)
```
#efb778
```
#efb778 rgb(239,183,120)
```

Tetradic Color

#3488e7
```
#3488e7 rgb(52,136,231)
```
#4a95ea
```
#4a95ea rgb(74,149,234)
```
#61a3ec
```
#61a3ec rgb(97,163,236)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#8fbdf2
```
#8fbdf2 rgb(143,189,242)
```
#a6cbf4
```
#a6cbf4 rgb(166,203,244)
```
#bcd8f7
```
#bcd8f7 rgb(188,216,247)
```

Monochromatic Color

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

#78ceef
```
#78ceef rgb(120,206,239)
```
#78c4ef
```
#78c4ef rgb(120,196,239)
```
#78baef
```
#78baef rgb(120,186,239)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#78a6ef
```
#78a6ef rgb(120,166,239)
```
#789cef
```
#789cef rgb(120,156,239)
```
#7892ef
```
#7892ef rgb(120,146,239)
```

Similar Colors

Text with hexadecimal color #78b0ef

This text has a font color of #78b0ef.

<span style="color:#78b0ef;">Text here</span>

#78b0ef background color

This paragraph has a background color of #78b0ef.

<p style="background-color:#78b0ef;">Content here</p>

#78b0ef border color

This element has a border color of #78b0ef.

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

CSS codes

.text {color:#78b0ef;}

.background {background-color:#78b0ef;}

.border {border:1px solid #78b0ef;}

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

#010305
```
#010305 rgb(1,3,5)
```
#030c17
```
#030c17 rgb(3,12,23)
```
#051628
```
#051628 rgb(5,22,40)
```
#071f3a
```
#071f3a rgb(7,31,58)
```
#09284b
```
#09284b rgb(9,40,75)
```
#0b325d
```
#0b325d rgb(11,50,93)
```
#0d3b6f
```
#0d3b6f rgb(13,59,111)
```
#0f4480
```
#0f4480 rgb(15,68,128)
```
#114e92
```
#114e92 rgb(17,78,146)
```
#1357a3
```
#1357a3 rgb(19,87,163)
```
#1560b5
```
#1560b5 rgb(21,96,181)
```
#176ac6
```
#176ac6 rgb(23,106,198)
```
#1a73d8
```
#1a73d8 rgb(26,115,216)
```

Shade Color Variation

#207de5
```
#207de5 rgb(32,125,229)
```
#3287e7
```
#3287e7 rgb(50,135,231)
```
#4391e9
```
#4391e9 rgb(67,145,233)
```
#559beb
```
#559beb rgb(85,155,235)
```
#66a6ed
```
#66a6ed rgb(102,166,237)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#8abaf1
```
#8abaf1 rgb(138,186,241)
```
#9bc5f3
```
#9bc5f3 rgb(155,197,243)
```
#adcff5
```
#adcff5 rgb(173,207,245)
```
#bed9f7
```
#bed9f7 rgb(190,217,247)
```
#d0e3f9
```
#d0e3f9 rgb(208,227,249)
```
#e1eefb
```
#e1eefb rgb(225,238,251)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

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

#b2b3b5
```
#b2b3b5 rgb(178,179,181)
```
#acb3bb
```
#acb3bb rgb(172,179,187)
```
#a6b3c1
```
#a6b3c1 rgb(166,179,193)
```
#a1b2c6
```
#a1b2c6 rgb(161,178,198)
```
#9bb2cc
```
#9bb2cc rgb(155,178,204)
```
#95b2d2
```
#95b2d2 rgb(149,178,210)
```
#8fb1d8
```
#8fb1d8 rgb(143,177,216)
```
#89b1de
```
#89b1de rgb(137,177,222)
```
#84b1e3
```
#84b1e3 rgb(132,177,227)
```
#7eb0e9
```
#7eb0e9 rgb(126,176,233)
```
#78b0ef
```
#78b0ef rgb(120,176,239)
```
#72b0f5
```
#72b0f5 rgb(114,176,245)
```
#6caffb
```
#6caffb rgb(108,175,251)
```

Tone Color Variation

Below, you can see how #78b0ef 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

#a6a6a6 Achromatopsia 0.005% of the population
#9da8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caeeb Protanopia 1% of men
#96aef1 Deuteranopia 1% of men
#6fbbc9 Tritanopia 0.001% of the population

Trichromacy

#8faeec Protanomaly 1% of men, 0.01% of women
#8baff0 Deuteranomaly 6% of men, 0.4% of women
#72b7d7 Tritanomaly 0.01% of the population

#78b0ef hex color

#78b0ef Color Information

#78b0ef Color Conversion

Color Schemes with #78b0ef

Alternatives to #78b0ef

#78b0ef Preview

Shades and Tints of #78b0ef

Tones of #78b0ef

Color Blindness Simulator