#78aefe hex color

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

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

● #78aefe color description : Soft blue.

The hexadecimal color #78aefe has RGB values of R:120, G:174, B:254 and CMYK values of C:0.53, M:0.31, Y:0, K:0. Its decimal value is 7909118.

Hex triplet	78aefe	`#78aefe`
RGB Decimal	120, 174, 254	`rgb(120,174,254)`
RGB Percent	47.1, 68.2, 99.6	`rgb(47.1%,68.2%,99.6%)`
CMYK	53, 31, 0, 0
HSL	215.8°, 98.5, 73.3	`hsl(215.8,98.5%,73.3%)`
HSV (or HSB)	215.8°, 52.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.468, 4.366, -45.068
XYZ	40.767, 41.419, 99.607
xyY	0.224, 0.228, 41.419
CIE-LCH	70.468, 45.279, 275.534
CIE-LUV	70.468, -25.77, -73.641
Hunter-Lab	64.357, 0.445, -46.714
Binary	01111000, 10101110, 11111110

#78aefe
```
#78aefe rgb(120,174,254)
```
#fec878
```
#fec878 rgb(254,200,120)
```

Complementary Color

#78f1fe
```
#78f1fe rgb(120,241,254)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#8578fe
```
#8578fe rgb(133,120,254)
```

Analogous Color

#f1fe78
```
#f1fe78 rgb(241,254,120)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#fe8578
```
#fe8578 rgb(254,133,120)
```

Split Complementary Color

#aefe78
```
#aefe78 rgb(174,254,120)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#fe78ae
```
#fe78ae rgb(254,120,174)
```

Triadic Color

#78fec8
```
#78fec8 rgb(120,254,200)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#fe78ae
```
#fe78ae rgb(254,120,174)
```
#fec878
```
#fec878 rgb(254,200,120)
```

Tetradic Color

#2c80fd
```
#2c80fd rgb(44,128,253)
```
#4590fe
```
#4590fe rgb(69,144,254)
```
#5f9ffe
```
#5f9ffe rgb(95,159,254)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#91bdfe
```
#91bdfe rgb(145,189,254)
```
#abccfe
```
#abccfe rgb(171,204,254)
```
#c4dcff
```
#c4dcff rgb(196,220,255)
```

Monochromatic Color

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

#78d0fe
```
#78d0fe rgb(120,208,254)
```
#78c4fe
```
#78c4fe rgb(120,196,254)
```
#78b9fe
```
#78b9fe rgb(120,185,254)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#78a3fe
```
#78a3fe rgb(120,163,254)
```
#7898fe
```
#7898fe rgb(120,152,254)
```
#788dfe
```
#788dfe rgb(120,141,254)
```

Similar Colors

Text with hexadecimal color #78aefe

This text has a font color of #78aefe.

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

#78aefe background color

This paragraph has a background color of #78aefe.

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

#78aefe border color

This element has a border color of #78aefe.

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

CSS codes

.text {color:#78aefe;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000815
```
#000815 rgb(0,8,21)
```
#001028
```
#001028 rgb(0,16,40)
```
#00183c
```
#00183c rgb(0,24,60)
```
#01204f
```
#01204f rgb(1,32,79)
```
#012863
```
#012863 rgb(1,40,99)
```
#013076
```
#013076 rgb(1,48,118)
```
#01388a
```
#01388a rgb(1,56,138)
```
#01409d
```
#01409d rgb(1,64,157)
```
#0148b1
```
#0148b1 rgb(1,72,177)
```
#0150c4
```
#0150c4 rgb(1,80,196)
```
#0258d7
```
#0258d7 rgb(2,88,215)
```
#0260eb
```
#0260eb rgb(2,96,235)
```

Shade Color Variation

#0368fd
```
#0368fd rgb(3,104,253)
```
#1774fd
```
#1774fd rgb(23,116,253)
```
#2a7ffd
```
#2a7ffd rgb(42,127,253)
```
#3e8bfe
```
#3e8bfe rgb(62,139,254)
```
#5197fe
```
#5197fe rgb(81,151,254)
```
#65a2fe
```
#65a2fe rgb(101,162,254)
```
#78aefe
```
#78aefe rgb(120,174,254)
```
#8bbafe
```
#8bbafe rgb(139,186,254)
```
#9fc5fe
```
#9fc5fe rgb(159,197,254)
```
#b2d1fe
```
#b2d1fe rgb(178,209,254)
```
#c6ddff
```
#c6ddff rgb(198,221,255)
```
#d9e8ff
```
#d9e8ff rgb(217,232,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 #78aefe is the most saturated one.

#b7babf
```
#b7babf rgb(183,186,191)
```
#b2b9c4
```
#b2b9c4 rgb(178,185,196)
```
#acb8ca
```
#acb8ca rgb(172,184,202)
```
#a7b7cf
```
#a7b7cf rgb(167,183,207)
```
#a2b6d4
```
#a2b6d4 rgb(162,182,212)
```
#9db5d9
```
#9db5d9 rgb(157,181,217)
```
#97b4df
```
#97b4df rgb(151,180,223)
```
#92b3e4
```
#92b3e4 rgb(146,179,228)
```
#8db2e9
```
#8db2e9 rgb(141,178,233)
```
#88b1ee
```
#88b1ee rgb(136,177,238)
```
#82b0f4
```
#82b0f4 rgb(130,176,244)
```
#7daff9
```
#7daff9 rgb(125,175,249)
```
#78aefe
```
#78aefe rgb(120,174,254)
```

Tone Color Variation

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

Dichromacy

#95aefb Protanopia 1% of men
#89affe Deuteranopia 1% of men
#67bcca Tritanopia 0.001% of the population

Trichromacy

#8aaefc Protanomaly 1% of men, 0.01% of women
#83affe Deuteranomaly 6% of men, 0.4% of women
#6db7dd Tritanomaly 0.01% of the population

#78aefe hex color

#78aefe Color Information

#78aefe Color Conversion

Color Schemes with #78aefe

Alternatives to #78aefe

#78aefe Preview

Shades and Tints of #78aefe

Tones of #78aefe

Color Blindness Simulator