#78b8fd hex color

In a RGB color space, hex #78b8fd is composed of 47.1% red, 72.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 27.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.1 degrees, a saturation of 97.1% and a lightness of 73.1%. #78b8fd color hex could be obtained by blending #f0ffff with #0071fb. Closest websafe color is: #66ccff.

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

● #78b8fd color description : Soft blue.

The hexadecimal color #78b8fd has RGB values of R:120, G:184, B:253 and CMYK values of C:0.53, M:0.27, Y:0, K:0.01. Its decimal value is 7911677.

Hex triplet	78b8fd	`#78b8fd`
RGB Decimal	120, 184, 253	`rgb(120,184,253)`
RGB Percent	47.1, 72.2, 99.2	`rgb(47.1%,72.2%,99.2%)`
CMYK	53, 27, 0, 1
HSL	211.1°, 97.1, 73.1	`hsl(211.1,97.1%,73.1%)`
HSV (or HSB)	211.1°, 52.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.131, -1.506, -40.365
XYZ	42.612, 45.364, 99.434
xyY	0.227, 0.242, 45.364
CIE-LCH	73.131, 40.393, 267.864
CIE-LUV	73.131, -29.432, -65.223
Hunter-Lab	67.352, -4.936, -40.384
Binary	01111000, 10111000, 11111101

#78b8fd
```
#78b8fd rgb(120,184,253)
```
#fdbd78
```
#fdbd78 rgb(253,189,120)
```

Complementary Color

#78fbfd
```
#78fbfd rgb(120,251,253)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#7b78fd
```
#7b78fd rgb(123,120,253)
```

Analogous Color

#fbfd78
```
#fbfd78 rgb(251,253,120)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#fd7b78
```
#fd7b78 rgb(253,123,120)
```

Split Complementary Color

#b8fd78
```
#b8fd78 rgb(184,253,120)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#fd78b8
```
#fd78b8 rgb(253,120,184)
```

Triadic Color

#78fdbd
```
#78fdbd rgb(120,253,189)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#fd78b8
```
#fd78b8 rgb(253,120,184)
```
#fdbd78
```
#fdbd78 rgb(253,189,120)
```

Tetradic Color

#2d90fc
```
#2d90fc rgb(45,144,252)
```
#469efc
```
#469efc rgb(70,158,252)
```
#5fabfd
```
#5fabfd rgb(95,171,253)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#91c5fd
```
#91c5fd rgb(145,197,253)
```
#aad2fe
```
#aad2fe rgb(170,210,254)
```
#c3e0fe
```
#c3e0fe rgb(195,224,254)
```

Monochromatic Color

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

#78d9fd
```
#78d9fd rgb(120,217,253)
```
#78cefd
```
#78cefd rgb(120,206,253)
```
#78c3fd
```
#78c3fd rgb(120,195,253)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#78adfd
```
#78adfd rgb(120,173,253)
```
#78a2fd
```
#78a2fd rgb(120,162,253)
```
#7897fd
```
#7897fd rgb(120,151,253)
```

Similar Colors

Text with hexadecimal color #78b8fd

This text has a font color of #78b8fd.

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

#78b8fd background color

This paragraph has a background color of #78b8fd.

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

#78b8fd border color

This element has a border color of #78b8fd.

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

CSS codes

.text {color:#78b8fd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000a14
```
#000a14 rgb(0,10,20)
```
#011327
```
#011327 rgb(1,19,39)
```
#011c3a
```
#011c3a rgb(1,28,58)
```
#01264e
```
#01264e rgb(1,38,78)
```
#012f61
```
#012f61 rgb(1,47,97)
```
#023974
```
#023974 rgb(2,57,116)
```
#024288
```
#024288 rgb(2,66,136)
```
#024c9b
```
#024c9b rgb(2,76,155)
```
#0355ae
```
#0355ae rgb(3,85,174)
```
#035fc2
```
#035fc2 rgb(3,95,194)
```
#0368d5
```
#0368d5 rgb(3,104,213)
```
#0372e8
```
#0372e8 rgb(3,114,232)
```

Shade Color Variation

#047bfb
```
#047bfb rgb(4,123,251)
```
#1785fc
```
#1785fc rgb(23,133,252)
```
#2b8ffc
```
#2b8ffc rgb(43,143,252)
```
#3e9afc
```
#3e9afc rgb(62,154,252)
```
#51a4fc
```
#51a4fc rgb(81,164,252)
```
#65aefd
```
#65aefd rgb(101,174,253)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```
#8bc2fd
```
#8bc2fd rgb(139,194,253)
```
#9fccfe
```
#9fccfe rgb(159,204,254)
```
#b2d6fe
```
#b2d6fe rgb(178,214,254)
```
#c5e1fe
```
#c5e1fe rgb(197,225,254)
```
#d9ebfe
```
#d9ebfe rgb(217,235,254)
```
#ecf5ff
```
#ecf5ff rgb(236,245,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 #78b8fd is the most saturated one.

#b7babe
```
#b7babe rgb(183,186,190)
```
#b2bac3
```
#b2bac3 rgb(178,186,195)
```
#adbac8
```
#adbac8 rgb(173,186,200)
```
#a7bace
```
#a7bace rgb(167,186,206)
```
#a2bad3
```
#a2bad3 rgb(162,186,211)
```
#9db9d8
```
#9db9d8 rgb(157,185,216)
```
#98b9dd
```
#98b9dd rgb(152,185,221)
```
#92b9e3
```
#92b9e3 rgb(146,185,227)
```
#8db9e8
```
#8db9e8 rgb(141,185,232)
```
#88b9ed
```
#88b9ed rgb(136,185,237)
```
#83b8f2
```
#83b8f2 rgb(131,184,242)
```
#7db8f8
```
#7db8f8 rgb(125,184,248)
```
#78b8fd
```
#78b8fd rgb(120,184,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a2afbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b5f8 Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#6bc4d2 Tritanopia 0.001% of the population

Trichromacy

#92b6fa Protanomaly 1% of men, 0.01% of women
#8db6fe Deuteranomaly 6% of men, 0.4% of women
#70bfe1 Tritanomaly 0.01% of the population

#78b8fd hex color

#78b8fd Color Information

#78b8fd Color Conversion

Color Schemes with #78b8fd

Alternatives to #78b8fd

#78b8fd Preview

Shades and Tints of #78b8fd

Tones of #78b8fd

Color Blindness Simulator