#78aafd hex color

In a RGB color space, hex #78aafd is composed of 47.1% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.4 degrees, a saturation of 97.1% and a lightness of 73.1%. #78aafd color hex could be obtained by blending #f0ffff with #0055fb. Closest websafe color is: #6699ff.

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

● #78aafd color description : Soft blue.

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

Hex triplet	78aafd	`#78aafd`
RGB Decimal	120, 170, 253	`rgb(120,170,253)`
RGB Percent	47.1, 66.7, 99.2	`rgb(47.1%,66.7%,99.2%)`
CMYK	53, 33, 0, 1
HSL	217.4°, 97.1, 73.1	`hsl(217.4,97.1%,73.1%)`
HSV (or HSB)	217.4°, 52.6, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.35, 6.326, -46.282
XYZ	39.846, 39.832, 98.512
xyY	0.224, 0.224, 39.832
CIE-LCH	69.35, 46.712, 277.783
CIE-LUV	69.35, -24.328, -75.772
Hunter-Lab	63.113, 2.248, -48.366
Binary	01111000, 10101010, 11111101

#78aafd
```
#78aafd rgb(120,170,253)
```
#fdcb78
```
#fdcb78 rgb(253,203,120)
```

Complementary Color

#78edfd
```
#78edfd rgb(120,237,253)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#8978fd
```
#8978fd rgb(137,120,253)
```

Analogous Color

#edfd78
```
#edfd78 rgb(237,253,120)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#fd8978
```
#fd8978 rgb(253,137,120)
```

Split Complementary Color

#aafd78
```
#aafd78 rgb(170,253,120)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#fd78aa
```
#fd78aa rgb(253,120,170)
```

Triadic Color

#78fdcb
```
#78fdcb rgb(120,253,203)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#fd78aa
```
#fd78aa rgb(253,120,170)
```
#fdcb78
```
#fdcb78 rgb(253,203,120)
```

Tetradic Color

#2d7bfc
```
#2d7bfc rgb(45,123,252)
```
#468afc
```
#468afc rgb(70,138,252)
```
#5f9afd
```
#5f9afd rgb(95,154,253)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#91bafd
```
#91bafd rgb(145,186,253)
```
#aacafe
```
#aacafe rgb(170,202,254)
```
#c3d9fe
```
#c3d9fe rgb(195,217,254)
```

Monochromatic Color

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

#78cbfd
```
#78cbfd rgb(120,203,253)
```
#78c0fd
```
#78c0fd rgb(120,192,253)
```
#78b5fd
```
#78b5fd rgb(120,181,253)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#789ffd
```
#789ffd rgb(120,159,253)
```
#7894fd
```
#7894fd rgb(120,148,253)
```
#7889fd
```
#7889fd rgb(120,137,253)
```

Similar Colors

Text with hexadecimal color #78aafd

This text has a font color of #78aafd.

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

#78aafd background color

This paragraph has a background color of #78aafd.

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

#78aafd border color

This element has a border color of #78aafd.

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

CSS codes

.text {color:#78aafd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000814
```
#000814 rgb(0,8,20)
```
#010f27
```
#010f27 rgb(1,15,39)
```
#01163a
```
#01163a rgb(1,22,58)
```
#011e4e
```
#011e4e rgb(1,30,78)
```
#012561
```
#012561 rgb(1,37,97)
```
#022d74
```
#022d74 rgb(2,45,116)
```
#023488
```
#023488 rgb(2,52,136)
```
#023c9b
```
#023c9b rgb(2,60,155)
```
#0343ae
```
#0343ae rgb(3,67,174)
```
#034bc2
```
#034bc2 rgb(3,75,194)
```
#0352d5
```
#0352d5 rgb(3,82,213)
```
#0359e8
```
#0359e8 rgb(3,89,232)
```

Shade Color Variation

#0461fb
```
#0461fb rgb(4,97,251)
```
#176dfc
```
#176dfc rgb(23,109,252)
```
#2b79fc
```
#2b79fc rgb(43,121,252)
```
#3e85fc
```
#3e85fc rgb(62,133,252)
```
#5192fc
```
#5192fc rgb(81,146,252)
```
#659efd
```
#659efd rgb(101,158,253)
```
#78aafd
```
#78aafd rgb(120,170,253)
```
#8bb6fd
```
#8bb6fd rgb(139,182,253)
```
#9fc2fe
```
#9fc2fe rgb(159,194,254)
```
#b2cffe
```
#b2cffe rgb(178,207,254)
```
#c5dbfe
```
#c5dbfe rgb(197,219,254)
```
#d9e7fe
```
#d9e7fe rgb(217,231,254)
```
#ecf3ff
```
#ecf3ff rgb(236,243,255)
```

Tint Color Variation

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

#b7babe
```
#b7babe rgb(183,186,190)
```
#b2b8c3
```
#b2b8c3 rgb(178,184,195)
```
#adb7c8
```
#adb7c8 rgb(173,183,200)
```
#a7b6ce
```
#a7b6ce rgb(167,182,206)
```
#a2b4d3
```
#a2b4d3 rgb(162,180,211)
```
#9db3d8
```
#9db3d8 rgb(157,179,216)
```
#98b2dd
```
#98b2dd rgb(152,178,221)
```
#92b1e3
```
#92b1e3 rgb(146,177,227)
```
#8dafe8
```
#8dafe8 rgb(141,175,232)
```
#88aeed
```
#88aeed rgb(136,174,237)
```
#83adf2
```
#83adf2 rgb(131,173,242)
```
#7dabf8
```
#7dabf8 rgb(125,171,248)
```
#78aafd
```
#78aafd rgb(120,170,253)
```

Tone Color Variation

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

#90abfa Protanopia 1% of men
#84adfd Deuteranopia 1% of men
#66b9c7 Tritanopia 0.001% of the population

Trichromacy

#87aafb Protanomaly 1% of men, 0.01% of women
#7facfd Deuteranomaly 6% of men, 0.4% of women
#6cb4da Tritanomaly 0.01% of the population

#78aafd hex color

#78aafd Color Information

#78aafd Color Conversion

Color Schemes with #78aafd

Alternatives to #78aafd

#78aafd Preview

Shades and Tints of #78aafd

Tones of #78aafd

Color Blindness Simulator