#78b7fc hex color

In a RGB color space, hex #78b7fc is composed of 47.1% red, 71.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 27.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 211.4 degrees, a saturation of 95.7% and a lightness of 72.9%. #78b7fc color hex could be obtained by blending #f0ffff with #006ff9. Closest websafe color is: #66ccff.

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

● #78b7fc color description : Soft blue.

The hexadecimal color #78b7fc has RGB values of R:120, G:183, B:252 and CMYK values of C:0.52, M:0.27, Y:0, K:0.01. Its decimal value is 7911420.

Hex triplet	78b7fc	`#78b7fc`
RGB Decimal	120, 183, 252	`rgb(120,183,252)`
RGB Percent	47.1, 71.8, 98.8	`rgb(47.1%,71.8%,98.8%)`
CMYK	52, 27, 0, 1
HSL	211.4°, 95.7, 72.9	`hsl(211.4,95.7%,72.9%)`
HSV (or HSB)	211.4°, 52.4, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.817, -1.251, -40.315
XYZ	42.246, 44.886, 98.528
xyY	0.228, 0.242, 44.886
CIE-LCH	72.817, 40.334, 268.222
CIE-LUV	72.817, -29.075, -65.132
Hunter-Lab	66.997, -4.689, -40.296
Binary	01111000, 10110111, 11111100

#78b7fc
```
#78b7fc rgb(120,183,252)
```
#fcbd78
```
#fcbd78 rgb(252,189,120)
```

Complementary Color

#78f9fc
```
#78f9fc rgb(120,249,252)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#7b78fc
```
#7b78fc rgb(123,120,252)
```

Analogous Color

#f9fc78
```
#f9fc78 rgb(249,252,120)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#fc7b78
```
#fc7b78 rgb(252,123,120)
```

Split Complementary Color

#b7fc78
```
#b7fc78 rgb(183,252,120)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#fc78b7
```
#fc78b7 rgb(252,120,183)
```

Triadic Color

#78fcbd
```
#78fcbd rgb(120,252,189)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#fc78b7
```
#fc78b7 rgb(252,120,183)
```
#fcbd78
```
#fcbd78 rgb(252,189,120)
```

Tetradic Color

#2d8ffa
```
#2d8ffa rgb(45,143,250)
```
#469cfb
```
#469cfb rgb(70,156,251)
```
#5faafb
```
#5faafb rgb(95,170,251)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#91c4fd
```
#91c4fd rgb(145,196,253)
```
#aad2fd
```
#aad2fd rgb(170,210,253)
```
#c3dffe
```
#c3dffe rgb(195,223,254)
```

Monochromatic Color

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

#78d8fc
```
#78d8fc rgb(120,216,252)
```
#78cdfc
```
#78cdfc rgb(120,205,252)
```
#78c2fc
```
#78c2fc rgb(120,194,252)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#78acfc
```
#78acfc rgb(120,172,252)
```
#78a1fc
```
#78a1fc rgb(120,161,252)
```
#7896fc
```
#7896fc rgb(120,150,252)
```

Similar Colors

Text with hexadecimal color #78b7fc

This text has a font color of #78b7fc.

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

#78b7fc background color

This paragraph has a background color of #78b7fc.

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

#78b7fc border color

This element has a border color of #78b7fc.

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

CSS codes

.text {color:#78b7fc;}

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

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

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

#000913
```
#000913 rgb(0,9,19)
```
#011226
```
#011226 rgb(1,18,38)
```
#011c39
```
#011c39 rgb(1,28,57)
```
#02254c
```
#02254c rgb(2,37,76)
```
#022f5f
```
#022f5f rgb(2,47,95)
```
#033872
```
#033872 rgb(3,56,114)
```
#034186
```
#034186 rgb(3,65,134)
```
#034b99
```
#034b99 rgb(3,75,153)
```
#0454ac
```
#0454ac rgb(4,84,172)
```
#045dbf
```
#045dbf rgb(4,93,191)
```
#0567d2
```
#0567d2 rgb(5,103,210)
```
#0570e6
```
#0570e6 rgb(5,112,230)
```
#067af9
```
#067af9 rgb(6,122,249)
```

Shade Color Variation

#1884fa
```
#1884fa rgb(24,132,250)
```
#2b8efa
```
#2b8efa rgb(43,142,250)
```
#3e98fb
```
#3e98fb rgb(62,152,251)
```
#52a3fb
```
#52a3fb rgb(82,163,251)
```
#65adfc
```
#65adfc rgb(101,173,252)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```
#8bc1fc
```
#8bc1fc rgb(139,193,252)
```
#9ecbfd
```
#9ecbfd rgb(158,203,253)
```
#b2d6fd
```
#b2d6fd rgb(178,214,253)
```
#c5e0fe
```
#c5e0fe rgb(197,224,254)
```
#d8eafe
```
#d8eafe rgb(216,234,254)
```
#ebf4ff
```
#ebf4ff rgb(235,244,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 #78b7fc is the most saturated one.

#b8babc
```
#b8babc rgb(184,186,188)
```
#b2bac2
```
#b2bac2 rgb(178,186,194)
```
#adb9c7
```
#adb9c7 rgb(173,185,199)
```
#a8b9cc
```
#a8b9cc rgb(168,185,204)
```
#a2b9d2
```
#a2b9d2 rgb(162,185,210)
```
#9db9d7
```
#9db9d7 rgb(157,185,215)
```
#98b8dc
```
#98b8dc rgb(152,184,220)
```
#93b8e1
```
#93b8e1 rgb(147,184,225)
```
#8db8e7
```
#8db8e7 rgb(141,184,231)
```
#88b8ec
```
#88b8ec rgb(136,184,236)
```
#83b7f1
```
#83b7f1 rgb(131,183,241)
```
#7db7f7
```
#7db7f7 rgb(125,183,247)
```
#78b7fc
```
#78b7fc rgb(120,183,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a2aebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b4f7 Protanopia 1% of men
#98b5fe Deuteranopia 1% of men
#6bc3d1 Tritanopia 0.001% of the population

Trichromacy

#91b5f9 Protanomaly 1% of men, 0.01% of women
#8cb5fd Deuteranomaly 6% of men, 0.4% of women
#70bee0 Tritanomaly 0.01% of the population

#78b7fc hex color

#78b7fc Color Information

#78b7fc Color Conversion

Color Schemes with #78b7fc

Alternatives to #78b7fc

#78b7fc Preview

Shades and Tints of #78b7fc

Tones of #78b7fc

Color Blindness Simulator