#78b3e5 hex color

In a RGB color space, hex #78b3e5 is composed of 47.1% red, 70.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 21.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 207.5 degrees, a saturation of 67.7% and a lightness of 68.4%. #78b3e5 color hex could be obtained by blending #f0ffff with #0067cb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 70
- B 90
RGB color chart
- C 48
- M 22
- Y 0
- K 10
CMYK color chart

● #78b3e5 color description : Soft blue.

The hexadecimal color #78b3e5 has RGB values of R:120, G:179, B:229 and CMYK values of C:0.48, M:0.22, Y:0, K:0.1. Its decimal value is 7910373.

Hex triplet	78b3e5	`#78b3e5`
RGB Decimal	120, 179, 229	`rgb(120,179,229)`
RGB Percent	47.1, 70.2, 89.8	`rgb(47.1%,70.2%,89.8%)`
CMYK	48, 22, 0, 10
HSL	207.5°, 67.7, 68.4	`hsl(207.5,67.7%,68.4%)`
HSV (or HSB)	207.5°, 47.6, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.794, -5.752, -30.981
XYZ	38.005, 41.888, 80.207
xyY	0.237, 0.262, 41.888
CIE-LCH	70.794, 31.511, 259.482
CIE-LUV	70.794, -27.814, -48.467
Hunter-Lab	64.721, -8.444, -28.171
Binary	01111000, 10110011, 11100101

#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#e5aa78
```
#e5aa78 rgb(229,170,120)
```

Complementary Color

#78e5e1
```
#78e5e1 rgb(120,229,225)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#787de5
```
#787de5 rgb(120,125,229)
```

Analogous Color

#e5e178
```
#e5e178 rgb(229,225,120)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#e5787d
```
#e5787d rgb(229,120,125)
```

Split Complementary Color

#b3e578
```
#b3e578 rgb(179,229,120)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#e578b3
```
#e578b3 rgb(229,120,179)
```

Triadic Color

#78e5aa
```
#78e5aa rgb(120,229,170)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#e578b3
```
#e578b3 rgb(229,120,179)
```
#e5aa78
```
#e5aa78 rgb(229,170,120)
```

Tetradic Color

#388fd9
```
#388fd9 rgb(56,143,217)
```
#4d9bdd
```
#4d9bdd rgb(77,155,221)
```
#63a7e1
```
#63a7e1 rgb(99,167,225)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#8dbfe9
```
#8dbfe9 rgb(141,191,233)
```
#a3cbed
```
#a3cbed rgb(163,203,237)
```
#b8d7f1
```
#b8d7f1 rgb(184,215,241)
```

Monochromatic Color

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

#78cee5
```
#78cee5 rgb(120,206,229)
```
#78c5e5
```
#78c5e5 rgb(120,197,229)
```
#78bce5
```
#78bce5 rgb(120,188,229)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#78aae5
```
#78aae5 rgb(120,170,229)
```
#78a1e5
```
#78a1e5 rgb(120,161,229)
```
#7898e5
```
#7898e5 rgb(120,152,229)
```

Similar Colors

Text with hexadecimal color #78b3e5

This text has a font color of #78b3e5.

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

#78b3e5 background color

This paragraph has a background color of #78b3e5.

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

#78b3e5 border color

This element has a border color of #78b3e5.

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

CSS codes

.text {color:#78b3e5;}

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

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

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, #03080d is the darkest color, while #fcfdfe is the lightest one.

#03080d
```
#03080d rgb(3,8,13)
```
#06131d
```
#06131d rgb(6,19,29)
```
#091d2e
```
#091d2e rgb(9,29,46)
```
#0c273e
```
#0c273e rgb(12,39,62)
```
#0f324f
```
#0f324f rgb(15,50,79)
```
#123c5f
```
#123c5f rgb(18,60,95)
```
#164670
```
#164670 rgb(22,70,112)
```
#195180
```
#195180 rgb(25,81,128)
```
#1c5b91
```
#1c5b91 rgb(28,91,145)
```
#1f65a1
```
#1f65a1 rgb(31,101,161)
```
#2270b2
```
#2270b2 rgb(34,112,178)
```
#257ac2
```
#257ac2 rgb(37,122,194)
```
#2984d2
```
#2984d2 rgb(41,132,210)
```

Shade Color Variation

#368ed8
```
#368ed8 rgb(54,142,216)
```
#4797db
```
#4797db rgb(71,151,219)
```
#57a0df
```
#57a0df rgb(87,160,223)
```
#68aae2
```
#68aae2 rgb(104,170,226)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#88bce8
```
#88bce8 rgb(136,188,232)
```
#99c6eb
```
#99c6eb rgb(153,198,235)
```
#a9cfef
```
#a9cfef rgb(169,207,239)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#cae1f5
```
#cae1f5 rgb(202,225,245)
```
#dbebf8
```
#dbebf8 rgb(219,235,248)
```
#ebf4fb
```
#ebf4fb rgb(235,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#aaafb3
```
#aaafb3 rgb(170,175,179)
```
#a3afba
```
#a3afba rgb(163,175,186)
```
#9db0c0
```
#9db0c0 rgb(157,176,192)
```
#97b0c6
```
#97b0c6 rgb(151,176,198)
```
#91b1cc
```
#91b1cc rgb(145,177,204)
```
#8bb1d2
```
#8bb1d2 rgb(139,177,210)
```
#84b2d9
```
#84b2d9 rgb(132,178,217)
```
#7eb2df
```
#7eb2df rgb(126,178,223)
```
#78b3e5
```
#78b3e5 rgb(120,179,229)
```
#72b4eb
```
#72b4eb rgb(114,180,235)
```
#6cb4f1
```
#6cb4f1 rgb(108,180,241)
```
#65b5f8
```
#65b5f8 rgb(101,181,248)
```
#5fb5fe
```
#5fb5fe rgb(95,181,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9ea9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3afe1 Protanopia 1% of men
#a0afe9 Deuteranopia 1% of men
#73bcca Tritanopia 0.001% of the population

Trichromacy

#93b0e2 Protanomaly 1% of men, 0.01% of women
#91b0e7 Deuteranomaly 6% of men, 0.4% of women
#75b8d3 Tritanomaly 0.01% of the population

#78b3e5 hex color

#78b3e5 Color Information

#78b3e5 Color Conversion

Color Schemes with #78b3e5

Alternatives to #78b3e5

#78b3e5 Preview

Shades and Tints of #78b3e5

Tones of #78b3e5

Color Blindness Simulator