#78aefc hex color

In a RGB color space, hex #78aefc is composed of 47.1% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 215.5 degrees, a saturation of 95.7% and a lightness of 72.9%. #78aefc color hex could be obtained by blending #f0ffff with #005df9. Closest websafe color is: #6699ff.

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

● #78aefc color description : Soft blue.

The hexadecimal color #78aefc has RGB values of R:120, G:174, B:252 and CMYK values of C:0.52, M:0.31, Y:0, K:0.01. Its decimal value is 7909116.

Hex triplet	78aefc	`#78aefc`
RGB Decimal	120, 174, 252	`rgb(120,174,252)`
RGB Percent	47.1, 68.2, 98.8	`rgb(47.1%,68.2%,98.8%)`
CMYK	52, 31, 0, 1
HSL	215.5°, 95.7, 72.9	`hsl(215.5,95.7%,72.9%)`
HSV (or HSB)	215.5°, 52.4, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.38, 3.764, -44.124
XYZ	40.449, 41.291, 97.929
xyY	0.225, 0.23, 41.291
CIE-LCH	70.38, 44.285, 274.876
CIE-LUV	70.38, -25.777, -71.945
Hunter-Lab	64.258, -0.092, -45.376
Binary	01111000, 10101110, 11111100

#78aefc
```
#78aefc rgb(120,174,252)
```
#fcc678
```
#fcc678 rgb(252,198,120)
```

Complementary Color

#78f0fc
```
#78f0fc rgb(120,240,252)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#8478fc
```
#8478fc rgb(132,120,252)
```

Analogous Color

#f0fc78
```
#f0fc78 rgb(240,252,120)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#fc8478
```
#fc8478 rgb(252,132,120)
```

Split Complementary Color

#aefc78
```
#aefc78 rgb(174,252,120)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#fc78ae
```
#fc78ae rgb(252,120,174)
```

Triadic Color

#78fcc6
```
#78fcc6 rgb(120,252,198)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#fc78ae
```
#fc78ae rgb(252,120,174)
```
#fcc678
```
#fcc678 rgb(252,198,120)
```

Tetradic Color

#2d81fa
```
#2d81fa rgb(45,129,250)
```
#4690fb
```
#4690fb rgb(70,144,251)
```
#5f9ffb
```
#5f9ffb rgb(95,159,251)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#91bdfd
```
#91bdfd rgb(145,189,253)
```
#aaccfd
```
#aaccfd rgb(170,204,253)
```
#c3dbfe
```
#c3dbfe rgb(195,219,254)
```

Monochromatic Color

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

#78cffc
```
#78cffc rgb(120,207,252)
```
#78c4fc
```
#78c4fc rgb(120,196,252)
```
#78b9fc
```
#78b9fc rgb(120,185,252)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#78a3fc
```
#78a3fc rgb(120,163,252)
```
#7898fc
```
#7898fc rgb(120,152,252)
```
#788dfc
```
#788dfc rgb(120,141,252)
```

Similar Colors

Text with hexadecimal color #78aefc

This text has a font color of #78aefc.

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

#78aefc background color

This paragraph has a background color of #78aefc.

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

#78aefc border color

This element has a border color of #78aefc.

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

CSS codes

.text {color:#78aefc;}

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

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

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

#000813
```
#000813 rgb(0,8,19)
```
#011026
```
#011026 rgb(1,16,38)
```
#011839
```
#011839 rgb(1,24,57)
```
#02204c
```
#02204c rgb(2,32,76)
```
#02285f
```
#02285f rgb(2,40,95)
```
#033072
```
#033072 rgb(3,48,114)
```
#033886
```
#033886 rgb(3,56,134)
```
#034199
```
#034199 rgb(3,65,153)
```
#0449ac
```
#0449ac rgb(4,73,172)
```
#0451bf
```
#0451bf rgb(4,81,191)
```
#0559d2
```
#0559d2 rgb(5,89,210)
```
#0561e6
```
#0561e6 rgb(5,97,230)
```
#0669f9
```
#0669f9 rgb(6,105,249)
```

Shade Color Variation

#1874fa
```
#1874fa rgb(24,116,250)
```
#2b80fa
```
#2b80fa rgb(43,128,250)
```
#3e8bfb
```
#3e8bfb rgb(62,139,251)
```
#5297fb
```
#5297fb rgb(82,151,251)
```
#65a2fc
```
#65a2fc rgb(101,162,252)
```
#78aefc
```
#78aefc rgb(120,174,252)
```
#8bbafc
```
#8bbafc rgb(139,186,252)
```
#9ec5fd
```
#9ec5fd rgb(158,197,253)
```
#b2d1fd
```
#b2d1fd rgb(178,209,253)
```
#c5dcfe
```
#c5dcfe rgb(197,220,254)
```
#d8e8fe
```
#d8e8fe rgb(216,232,254)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b8babc
```
#b8babc rgb(184,186,188)
```
#b2b9c2
```
#b2b9c2 rgb(178,185,194)
```
#adb8c7
```
#adb8c7 rgb(173,184,199)
```
#a8b7cc
```
#a8b7cc rgb(168,183,204)
```
#a2b6d2
```
#a2b6d2 rgb(162,182,210)
```
#9db5d7
```
#9db5d7 rgb(157,181,215)
```
#98b4dc
```
#98b4dc rgb(152,180,220)
```
#93b3e1
```
#93b3e1 rgb(147,179,225)
```
#8db2e7
```
#8db2e7 rgb(141,178,231)
```
#88b1ec
```
#88b1ec rgb(136,177,236)
```
#83b0f1
```
#83b0f1 rgb(131,176,241)
```
#7daff7
```
#7daff7 rgb(125,175,247)
```
#78aefc
```
#78aefc rgb(120,174,252)
```

Tone Color Variation

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

#95adf9 Protanopia 1% of men
#8baffd Deuteranopia 1% of men
#68bcca Tritanopia 0.001% of the population

Trichromacy

#8aadfa Protanomaly 1% of men, 0.01% of women
#84affc Deuteranomaly 6% of men, 0.4% of women
#6eb7dc Tritanomaly 0.01% of the population

#78aefc hex color

#78aefc Color Information

#78aefc Color Conversion

Color Schemes with #78aefc

Alternatives to #78aefc

#78aefc Preview

Shades and Tints of #78aefc

Tones of #78aefc

Color Blindness Simulator