#78aafe hex color

In a RGB color space, hex #78aafe is composed of 47.1% red, 66.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 33.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.6 degrees, a saturation of 98.5% and a lightness of 73.3%. #78aafe color hex could be obtained by blending #f0ffff with #0055fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 67
- B 100
RGB color chart
- C 53
- M 33
- Y 0
- K 0
CMYK color chart

● #78aafe color description : Soft blue.

The hexadecimal color #78aafe has RGB values of R:120, G:170, B:254 and CMYK values of C:0.53, M:0.33, Y:0, K:0. Its decimal value is 7908094.

Hex triplet	78aafe	`#78aafe`
RGB Decimal	120, 170, 254	`rgb(120,170,254)`
RGB Percent	47.1, 66.7, 99.6	`rgb(47.1%,66.7%,99.6%)`
CMYK	53, 33, 0, 0
HSL	217.6°, 98.5, 73.3	`hsl(217.6,98.5%,73.3%)`
HSV (or HSB)	217.6°, 52.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.396, 6.629, -46.752
XYZ	40.006, 39.896, 99.353
xyY	0.223, 0.223, 39.896
CIE-LCH	69.396, 47.22, 278.07
CIE-LUV	69.396, -24.328, -76.616
Hunter-Lab	63.163, 2.521, -49.046
Binary	01111000, 10101010, 11111110

#78aafe
```
#78aafe rgb(120,170,254)
```
#fecc78
```
#fecc78 rgb(254,204,120)
```

Complementary Color

#78edfe
```
#78edfe rgb(120,237,254)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#8978fe
```
#8978fe rgb(137,120,254)
```

Analogous Color

#edfe78
```
#edfe78 rgb(237,254,120)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#fe8978
```
#fe8978 rgb(254,137,120)
```

Split Complementary Color

#aafe78
```
#aafe78 rgb(170,254,120)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#fe78aa
```
#fe78aa rgb(254,120,170)
```

Triadic Color

#78fecc
```
#78fecc rgb(120,254,204)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#fe78aa
```
#fe78aa rgb(254,120,170)
```
#fecc78
```
#fecc78 rgb(254,204,120)
```

Tetradic Color

#2c7afd
```
#2c7afd rgb(44,122,253)
```
#458afe
```
#458afe rgb(69,138,254)
```
#5f9afe
```
#5f9afe rgb(95,154,254)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#91bafe
```
#91bafe rgb(145,186,254)
```
#abcafe
```
#abcafe rgb(171,202,254)
```
#c4daff
```
#c4daff rgb(196,218,255)
```

Monochromatic Color

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

#78ccfe
```
#78ccfe rgb(120,204,254)
```
#78c0fe
```
#78c0fe rgb(120,192,254)
```
#78b5fe
```
#78b5fe rgb(120,181,254)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#789ffe
```
#789ffe rgb(120,159,254)
```
#7894fe
```
#7894fe rgb(120,148,254)
```
#7889fe
```
#7889fe rgb(120,137,254)
```

Similar Colors

Text with hexadecimal color #78aafe

This text has a font color of #78aafe.

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

#78aafe background color

This paragraph has a background color of #78aafe.

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

#78aafe border color

This element has a border color of #78aafe.

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

CSS codes

.text {color:#78aafe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000815
```
#000815 rgb(0,8,21)
```
#000f28
```
#000f28 rgb(0,15,40)
```
#00173c
```
#00173c rgb(0,23,60)
```
#011e4f
```
#011e4f rgb(1,30,79)
```
#012563
```
#012563 rgb(1,37,99)
```
#012d76
```
#012d76 rgb(1,45,118)
```
#01348a
```
#01348a rgb(1,52,138)
```
#013b9d
```
#013b9d rgb(1,59,157)
```
#0143b1
```
#0143b1 rgb(1,67,177)
```
#014ac4
```
#014ac4 rgb(1,74,196)
```
#0251d7
```
#0251d7 rgb(2,81,215)
```
#0259eb
```
#0259eb rgb(2,89,235)
```

Shade Color Variation

#0360fd
```
#0360fd rgb(3,96,253)
```
#176dfd
```
#176dfd rgb(23,109,253)
```
#2a79fd
```
#2a79fd rgb(42,121,253)
```
#3e85fe
```
#3e85fe rgb(62,133,254)
```
#5191fe
```
#5191fe rgb(81,145,254)
```
#659efe
```
#659efe rgb(101,158,254)
```
#78aafe
```
#78aafe rgb(120,170,254)
```
#8bb6fe
```
#8bb6fe rgb(139,182,254)
```
#9fc3fe
```
#9fc3fe rgb(159,195,254)
```
#b2cffe
```
#b2cffe rgb(178,207,254)
```
#c6dbff
```
#c6dbff rgb(198,219,255)
```
#d9e7ff
```
#d9e7ff rgb(217,231,255)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#b7babf
```
#b7babf rgb(183,186,191)
```
#b2b9c4
```
#b2b9c4 rgb(178,185,196)
```
#acb7ca
```
#acb7ca rgb(172,183,202)
```
#a7b6cf
```
#a7b6cf rgb(167,182,207)
```
#a2b5d4
```
#a2b5d4 rgb(162,181,212)
```
#9db3d9
```
#9db3d9 rgb(157,179,217)
```
#97b2df
```
#97b2df rgb(151,178,223)
```
#92b1e4
```
#92b1e4 rgb(146,177,228)
```
#8dafe9
```
#8dafe9 rgb(141,175,233)
```
#88aeee
```
#88aeee rgb(136,174,238)
```
#82adf4
```
#82adf4 rgb(130,173,244)
```
#7dabf9
```
#7dabf9 rgb(125,171,249)
```
#78aafe
```
#78aafe rgb(120,170,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ca6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fabfb Protanopia 1% of men
#83adfe Deuteranopia 1% of men
#66b9c7 Tritanopia 0.001% of the population

Trichromacy

#87aafc Protanomaly 1% of men, 0.01% of women
#7facfe Deuteranomaly 6% of men, 0.4% of women
#6cb4db Tritanomaly 0.01% of the population

#78aafe hex color

#78aafe Color Information

#78aafe Color Conversion

Color Schemes with #78aafe

Alternatives to #78aafe

#78aafe Preview

Shades and Tints of #78aafe

Tones of #78aafe

Color Blindness Simulator