#78afed hex color

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

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

● #78afed color description : Soft blue.

The hexadecimal color #78afed has RGB values of R:120, G:175, B:237 and CMYK values of C:0.49, M:0.26, Y:0, K:0.07. Its decimal value is 7909357.

Hex triplet	78afed	`#78afed`
RGB Decimal	120, 175, 237	`rgb(120,175,237)`
RGB Percent	47.1, 68.6, 92.9	`rgb(47.1%,68.6%,92.9%)`
CMYK	49, 26, 0, 7
HSL	211.8°, 76.5, 70	`hsl(211.8,76.5%,70%)`
HSV (or HSB)	211.8°, 49.4, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.011, -1.242, -36.553
XYZ	38.358, 40.765, 85.963
xyY	0.232, 0.247, 40.765
CIE-LCH	70.011, 36.574, 268.054
CIE-LUV	70.011, -26.222, -58.389
Hunter-Lab	63.848, -4.495, -35.133
Binary	01111000, 10101111, 11101101

#78afed
```
#78afed rgb(120,175,237)
```
#edb678
```
#edb678 rgb(237,182,120)
```

Complementary Color

#78eaed
```
#78eaed rgb(120,234,237)
```
#78afed
```
#78afed rgb(120,175,237)
```
#7c78ed
```
#7c78ed rgb(124,120,237)
```

Analogous Color

#eaed78
```
#eaed78 rgb(234,237,120)
```
#78afed
```
#78afed rgb(120,175,237)
```
#ed7c78
```
#ed7c78 rgb(237,124,120)
```

Split Complementary Color

#afed78
```
#afed78 rgb(175,237,120)
```
#78afed
```
#78afed rgb(120,175,237)
```
#ed78af
```
#ed78af rgb(237,120,175)
```

Triadic Color

#78edb6
```
#78edb6 rgb(120,237,182)
```
#78afed
```
#78afed rgb(120,175,237)
```
#ed78af
```
#ed78af rgb(237,120,175)
```
#edb678
```
#edb678 rgb(237,182,120)
```

Tetradic Color

#3587e4
```
#3587e4 rgb(53,135,228)
```
#4b94e7
```
#4b94e7 rgb(75,148,231)
```
#62a2ea
```
#62a2ea rgb(98,162,234)
```
#78afed
```
#78afed rgb(120,175,237)
```
#8fbcf0
```
#8fbcf0 rgb(143,188,240)
```
#a5caf3
```
#a5caf3 rgb(165,202,243)
```
#bcd7f6
```
#bcd7f6 rgb(188,215,246)
```

Monochromatic Color

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

#78cced
```
#78cced rgb(120,204,237)
```
#78c3ed
```
#78c3ed rgb(120,195,237)
```
#78b9ed
```
#78b9ed rgb(120,185,237)
```
#78afed
```
#78afed rgb(120,175,237)
```
#78a5ed
```
#78a5ed rgb(120,165,237)
```
#789ced
```
#789ced rgb(120,156,237)
```
#7892ed
```
#7892ed rgb(120,146,237)
```

Similar Colors

Text with hexadecimal color #78afed

This text has a font color of #78afed.

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

#78afed background color

This paragraph has a background color of #78afed.

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

#78afed border color

This element has a border color of #78afed.

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

CSS codes

.text {color:#78afed;}

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

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

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 #f1f7fd is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#051526
```
#051526 rgb(5,21,38)
```
#071e37
```
#071e37 rgb(7,30,55)
```
#0a2749
```
#0a2749 rgb(10,39,73)
```
#0c315a
```
#0c315a rgb(12,49,90)
```
#0e3a6b
```
#0e3a6b rgb(14,58,107)
```
#11437d
```
#11437d rgb(17,67,125)
```
#134d8e
```
#134d8e rgb(19,77,142)
```
#15569f
```
#15569f rgb(21,86,159)
```
#185fb1
```
#185fb1 rgb(24,95,177)
```
#1a69c2
```
#1a69c2 rgb(26,105,194)
```
#1c72d3
```
#1c72d3 rgb(28,114,211)
```

Shade Color Variation

#217ce1
```
#217ce1 rgb(33,124,225)
```
#3386e4
```
#3386e4 rgb(51,134,228)
```
#4490e6
```
#4490e6 rgb(68,144,230)
```
#559ae8
```
#559ae8 rgb(85,154,232)
```
#67a5eb
```
#67a5eb rgb(103,165,235)
```
#78afed
```
#78afed rgb(120,175,237)
```
#89b9ef
```
#89b9ef rgb(137,185,239)
```
#9bc4f2
```
#9bc4f2 rgb(155,196,242)
```
#accef4
```
#accef4 rgb(172,206,244)
```
#bdd8f6
```
#bdd8f6 rgb(189,216,246)
```
#cfe2f9
```
#cfe2f9 rgb(207,226,249)
```
#e0edfb
```
#e0edfb rgb(224,237,251)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```

Tint Color Variation

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

#adb2b8
```
#adb2b8 rgb(173,178,184)
```
#a7b2be
```
#a7b2be rgb(167,178,190)
```
#a1b1c4
```
#a1b1c4 rgb(161,177,196)
```
#9bb1ca
```
#9bb1ca rgb(155,177,202)
```
#95b1d0
```
#95b1d0 rgb(149,177,208)
```
#90b0d5
```
#90b0d5 rgb(144,176,213)
```
#8ab0db
```
#8ab0db rgb(138,176,219)
```
#84b0e1
```
#84b0e1 rgb(132,176,225)
```
#7eafe7
```
#7eafe7 rgb(126,175,231)
```
#78afed
```
#78afed rgb(120,175,237)
```
#72aff3
```
#72aff3 rgb(114,175,243)
```
#6caef9
```
#6caef9 rgb(108,174,249)
```
#66aeff
```
#66aeff rgb(102,174,255)
```

Tone Color Variation

Below, you can see how #78afed 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
#9da8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cade9 Protanopia 1% of men
#96adef Deuteranopia 1% of men
#6fbac8 Tritanopia 0.001% of the population

Trichromacy

#8fadeb Protanomaly 1% of men, 0.01% of women
#8baeee Deuteranomaly 6% of men, 0.4% of women
#72b6d5 Tritanomaly 0.01% of the population

#78afed hex color

#78afed Color Information

#78afed Color Conversion

Color Schemes with #78afed

Alternatives to #78afed

#78afed Preview

Shades and Tints of #78afed

Tones of #78afed

Color Blindness Simulator