#78a6ed hex color

In a RGB color space, hex #78a6ed is composed of 47.1% red, 65.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 30% magenta, 0% yellow and 7.1% black. It has a hue angle of 216.4 degrees, a saturation of 76.5% and a lightness of 70%. #78a6ed color hex could be obtained by blending #f0ffff with #004ddb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 65
- B 93
RGB color chart
- C 49
- M 30
- Y 0
- K 7
CMYK color chart

● #78a6ed color description : Soft blue.

The hexadecimal color #78a6ed has RGB values of R:120, G:166, B:237 and CMYK values of C:0.49, M:0.3, Y:0, K:0.07. Its decimal value is 7907053.

Hex triplet	78a6ed	`#78a6ed`
RGB Decimal	120, 166, 237	`rgb(120,166,237)`
RGB Percent	47.1, 65.1, 92.9	`rgb(47.1%,65.1%,92.9%)`
CMYK	49, 30, 0, 7
HSL	216.4°, 76.5, 70	`hsl(216.4,76.5%,70%)`
HSV (or HSB)	216.4°, 49.4, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.56, 3.805, -40.374
XYZ	36.665, 37.378, 85.399
xyY	0.23, 0.234, 37.378
CIE-LCH	67.56, 40.553, 275.383
CIE-LUV	67.56, -22.848, -65.173
Hunter-Lab	61.138, 0.057, -40.022
Binary	01111000, 10100110, 11101101

#78a6ed
```
#78a6ed rgb(120,166,237)
```
#edbf78
```
#edbf78 rgb(237,191,120)
```

Complementary Color

#78e1ed
```
#78e1ed rgb(120,225,237)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#8578ed
```
#8578ed rgb(133,120,237)
```

Analogous Color

#e1ed78
```
#e1ed78 rgb(225,237,120)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#ed8578
```
#ed8578 rgb(237,133,120)
```

Split Complementary Color

#a6ed78
```
#a6ed78 rgb(166,237,120)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#ed78a6
```
#ed78a6 rgb(237,120,166)
```

Triadic Color

#78edbf
```
#78edbf rgb(120,237,191)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#ed78a6
```
#ed78a6 rgb(237,120,166)
```
#edbf78
```
#edbf78 rgb(237,191,120)
```

Tetradic Color

#357ae4
```
#357ae4 rgb(53,122,228)
```
#4b88e7
```
#4b88e7 rgb(75,136,231)
```
#6297ea
```
#6297ea rgb(98,151,234)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#8fb5f0
```
#8fb5f0 rgb(143,181,240)
```
#a5c4f3
```
#a5c4f3 rgb(165,196,243)
```
#bcd3f6
```
#bcd3f6 rgb(188,211,246)
```

Monochromatic Color

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

#78c3ed
```
#78c3ed rgb(120,195,237)
```
#78baed
```
#78baed rgb(120,186,237)
```
#78b0ed
```
#78b0ed rgb(120,176,237)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#789ced
```
#789ced rgb(120,156,237)
```
#7893ed
```
#7893ed rgb(120,147,237)
```
#7889ed
```
#7889ed rgb(120,137,237)
```

Similar Colors

Text with hexadecimal color #78a6ed

This text has a font color of #78a6ed.

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

#78a6ed background color

This paragraph has a background color of #78a6ed.

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

#78a6ed border color

This element has a border color of #78a6ed.

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

CSS codes

.text {color:#78a6ed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#051226
```
#051226 rgb(5,18,38)
```
#071a37
```
#071a37 rgb(7,26,55)
```
#0a2249
```
#0a2249 rgb(10,34,73)
```
#0c2b5a
```
#0c2b5a rgb(12,43,90)
```
#0e336b
```
#0e336b rgb(14,51,107)
```
#113b7d
```
#113b7d rgb(17,59,125)
```
#13438e
```
#13438e rgb(19,67,142)
```
#154b9f
```
#154b9f rgb(21,75,159)
```
#1854b1
```
#1854b1 rgb(24,84,177)
```
#1a5cc2
```
#1a5cc2 rgb(26,92,194)
```
#1c64d3
```
#1c64d3 rgb(28,100,211)
```

Shade Color Variation

#216de1
```
#216de1 rgb(33,109,225)
```
#3378e4
```
#3378e4 rgb(51,120,228)
```
#4484e6
```
#4484e6 rgb(68,132,230)
```
#558fe8
```
#558fe8 rgb(85,143,232)
```
#679beb
```
#679beb rgb(103,155,235)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#89b1ef
```
#89b1ef rgb(137,177,239)
```
#9bbdf2
```
#9bbdf2 rgb(155,189,242)
```
#acc8f4
```
#acc8f4 rgb(172,200,244)
```
#bdd4f6
```
#bdd4f6 rgb(189,212,246)
```
#cfdff9
```
#cfdff9 rgb(207,223,249)
```
#e0eafb
```
#e0eafb rgb(224,234,251)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#adb1b8
```
#adb1b8 rgb(173,177,184)
```
#a7b0be
```
#a7b0be rgb(167,176,190)
```
#a1afc4
```
#a1afc4 rgb(161,175,196)
```
#9baeca
```
#9baeca rgb(155,174,202)
```
#95acd0
```
#95acd0 rgb(149,172,208)
```
#90abd5
```
#90abd5 rgb(144,171,213)
```
#8aaadb
```
#8aaadb rgb(138,170,219)
```
#84a9e1
```
#84a9e1 rgb(132,169,225)
```
#7ea7e7
```
#7ea7e7 rgb(126,167,231)
```
#78a6ed
```
#78a6ed rgb(120,166,237)
```
#72a5f3
```
#72a5f3 rgb(114,165,243)
```
#6ca3f9
```
#6ca3f9 rgb(108,163,249)
```
#66a2ff
```
#66a2ff rgb(102,162,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#98a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a6eb Protanopia 1% of men
#89a8ee Deuteranopia 1% of men
#6cb3c0 Tritanopia 0.001% of the population

Trichromacy

#88a6eb Protanomaly 1% of men, 0.01% of women
#83a7ee Deuteranomaly 6% of men, 0.4% of women
#70aed0 Tritanomaly 0.01% of the population

#78a6ed hex color

#78a6ed Color Information

#78a6ed Color Conversion

Color Schemes with #78a6ed

Alternatives to #78a6ed

#78a6ed Preview

Shades and Tints of #78a6ed

Tones of #78a6ed

Color Blindness Simulator