#78a6fe hex color

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

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

● #78a6fe color description : Soft blue.

The hexadecimal color #78a6fe has RGB values of R:120, G:166, B:254 and CMYK values of C:0.53, M:0.35, Y:0, K:0. Its decimal value is 7907070.

Hex triplet	78a6fe	`#78a6fe`
RGB Decimal	120, 166, 254	`rgb(120,166,254)`
RGB Percent	47.1, 65.1, 99.6	`rgb(47.1%,65.1%,99.6%)`
CMYK	53, 35, 0, 0
HSL	219.4°, 98.5, 73.3	`hsl(219.4,98.5%,73.3%)`
HSV (or HSB)	219.4°, 52.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.329, 8.908, -48.432
XYZ	39.267, 38.419, 99.107
xyY	0.222, 0.217, 38.419
CIE-LCH	68.329, 49.244, 280.422
CIE-LUV	68.329, -22.899, -79.556
Hunter-Lab	61.983, 4.612, -51.412
Binary	01111000, 10100110, 11111110

#78a6fe
```
#78a6fe rgb(120,166,254)
```
#fed078
```
#fed078 rgb(254,208,120)
```

Complementary Color

#78e9fe
```
#78e9fe rgb(120,233,254)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#8d78fe
```
#8d78fe rgb(141,120,254)
```

Analogous Color

#e9fe78
```
#e9fe78 rgb(233,254,120)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#fe8d78
```
#fe8d78 rgb(254,141,120)
```

Split Complementary Color

#a6fe78
```
#a6fe78 rgb(166,254,120)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#fe78a6
```
#fe78a6 rgb(254,120,166)
```

Triadic Color

#78fed0
```
#78fed0 rgb(120,254,208)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#fe78a6
```
#fe78a6 rgb(254,120,166)
```
#fed078
```
#fed078 rgb(254,208,120)
```

Tetradic Color

#2c74fd
```
#2c74fd rgb(44,116,253)
```
#4585fe
```
#4585fe rgb(69,133,254)
```
#5f95fe
```
#5f95fe rgb(95,149,254)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#91b7fe
```
#91b7fe rgb(145,183,254)
```
#abc7fe
```
#abc7fe rgb(171,199,254)
```
#c4d8ff
```
#c4d8ff rgb(196,216,255)
```

Monochromatic Color

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

#78c8fe
```
#78c8fe rgb(120,200,254)
```
#78bcfe
```
#78bcfe rgb(120,188,254)
```
#78b1fe
```
#78b1fe rgb(120,177,254)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#789bfe
```
#789bfe rgb(120,155,254)
```
#7890fe
```
#7890fe rgb(120,144,254)
```
#7885fe
```
#7885fe rgb(120,133,254)
```

Similar Colors

Text with hexadecimal color #78a6fe

This text has a font color of #78a6fe.

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

#78a6fe background color

This paragraph has a background color of #78a6fe.

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

#78a6fe border color

This element has a border color of #78a6fe.

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

CSS codes

.text {color:#78a6fe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000715
```
#000715 rgb(0,7,21)
```
#000e28
```
#000e28 rgb(0,14,40)
```
#00153c
```
#00153c rgb(0,21,60)
```
#011c4f
```
#011c4f rgb(1,28,79)
```
#012263
```
#012263 rgb(1,34,99)
```
#012976
```
#012976 rgb(1,41,118)
```
#01308a
```
#01308a rgb(1,48,138)
```
#01379d
```
#01379d rgb(1,55,157)
```
#013db1
```
#013db1 rgb(1,61,177)
```
#0144c4
```
#0144c4 rgb(1,68,196)
```
#024bd7
```
#024bd7 rgb(2,75,215)
```
#0252eb
```
#0252eb rgb(2,82,235)
```

Shade Color Variation

#0359fd
```
#0359fd rgb(3,89,253)
```
#1766fd
```
#1766fd rgb(23,102,253)
```
#2a73fd
```
#2a73fd rgb(42,115,253)
```
#3e7ffe
```
#3e7ffe rgb(62,127,254)
```
#518cfe
```
#518cfe rgb(81,140,254)
```
#6599fe
```
#6599fe rgb(101,153,254)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```
#8bb3fe
```
#8bb3fe rgb(139,179,254)
```
#9fc0fe
```
#9fc0fe rgb(159,192,254)
```
#b2cdfe
```
#b2cdfe rgb(178,205,254)
```
#c6d9ff
```
#c6d9ff rgb(198,217,255)
```
#d9e6ff
```
#d9e6ff rgb(217,230,255)
```
#edf3ff
```
#edf3ff rgb(237,243,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 #78a6fe is the most saturated one.

#b7babf
```
#b7babf rgb(183,186,191)
```
#b2b8c4
```
#b2b8c4 rgb(178,184,196)
```
#acb6ca
```
#acb6ca rgb(172,182,202)
```
#a7b5cf
```
#a7b5cf rgb(167,181,207)
```
#a2b3d4
```
#a2b3d4 rgb(162,179,212)
```
#9db1d9
```
#9db1d9 rgb(157,177,217)
```
#97b0df
```
#97b0df rgb(151,176,223)
```
#92aee4
```
#92aee4 rgb(146,174,228)
```
#8dade9
```
#8dade9 rgb(141,173,233)
```
#88abee
```
#88abee rgb(136,171,238)
```
#82a9f4
```
#82a9f4 rgb(130,169,244)
```
#7da8f9
```
#7da8f9 rgb(125,168,249)
```
#78a6fe
```
#78a6fe rgb(120,166,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9aa3b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa8fc Protanopia 1% of men
#7daafd Deuteranopia 1% of men
#64b7c4 Tritanopia 0.001% of the population

Trichromacy

#83a7fc Protanomaly 1% of men, 0.01% of women
#7ba9fd Deuteranomaly 6% of men, 0.4% of women
#6bb0d9 Tritanomaly 0.01% of the population

#78a6fe hex color

#78a6fe Color Information

#78a6fe Color Conversion

Color Schemes with #78a6fe

Alternatives to #78a6fe

#78a6fe Preview

Shades and Tints of #78a6fe

Tones of #78a6fe

Color Blindness Simulator