#78b4fb hex color

In a RGB color space, hex #78b4fb is composed of 47.1% red, 70.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 28.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 212.5 degrees, a saturation of 94.2% and a lightness of 72.7%. #78b4fb color hex could be obtained by blending #f0ffff with #0069f7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 47
- G 71
- B 98
RGB color chart
- C 52
- M 28
- Y 0
- K 2
CMYK color chart

● #78b4fb color description : Soft blue.

The hexadecimal color #78b4fb has RGB values of R:120, G:180, B:251 and CMYK values of C:0.52, M:0.28, Y:0, K:0.02. Its decimal value is 7910651.

Hex triplet	78b4fb	`#78b4fb`
RGB Decimal	120, 180, 251	`rgb(120,180,251)`
RGB Percent	47.1, 70.6, 98.4	`rgb(47.1%,70.6%,98.4%)`
CMYK	52, 28, 0, 2
HSL	212.5°, 94.2, 72.7	`hsl(212.5,94.2%,72.7%)`
HSV (or HSB)	212.5°, 52.2, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.959, 0.112, -41.113
XYZ	41.476, 43.598, 97.491
xyY	0.227, 0.239, 43.598
CIE-LCH	71.959, 41.113, 270.156
CIE-LUV	71.959, -27.98, -66.563
Hunter-Lab	66.029, -3.428, -41.321
Binary	01111000, 10110100, 11111011

#78b4fb
```
#78b4fb rgb(120,180,251)
```
#fbbf78
```
#fbbf78 rgb(251,191,120)
```

Complementary Color

#78f6fb
```
#78f6fb rgb(120,246,251)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#7e78fb
```
#7e78fb rgb(126,120,251)
```

Analogous Color

#f6fb78
```
#f6fb78 rgb(246,251,120)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#fb7e78
```
#fb7e78 rgb(251,126,120)
```

Split Complementary Color

#b4fb78
```
#b4fb78 rgb(180,251,120)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#fb78b4
```
#fb78b4 rgb(251,120,180)
```

Triadic Color

#78fbbf
```
#78fbbf rgb(120,251,191)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#fb78b4
```
#fb78b4 rgb(251,120,180)
```
#fbbf78
```
#fbbf78 rgb(251,191,120)
```

Tetradic Color

#2e8bf9
```
#2e8bf9 rgb(46,139,249)
```
#4698fa
```
#4698fa rgb(70,152,250)
```
#5fa6fa
```
#5fa6fa rgb(95,166,250)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#91c2fc
```
#91c2fc rgb(145,194,252)
```
#aad0fc
```
#aad0fc rgb(170,208,252)
```
#c2ddfd
```
#c2ddfd rgb(194,221,253)
```

Monochromatic Color

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

#78d5fb
```
#78d5fb rgb(120,213,251)
```
#78cafb
```
#78cafb rgb(120,202,251)
```
#78bffb
```
#78bffb rgb(120,191,251)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#78a9fb
```
#78a9fb rgb(120,169,251)
```
#789efb
```
#789efb rgb(120,158,251)
```
#7893fb
```
#7893fb rgb(120,147,251)
```

Similar Colors

Text with hexadecimal color #78b4fb

This text has a font color of #78b4fb.

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

#78b4fb background color

This paragraph has a background color of #78b4fb.

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

#78b4fb border color

This element has a border color of #78b4fb.

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

CSS codes

.text {color:#78b4fb;}

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

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

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

#010811
```
#010811 rgb(1,8,17)
```
#011124
```
#011124 rgb(1,17,36)
```
#021a38
```
#021a38 rgb(2,26,56)
```
#02234b
```
#02234b rgb(2,35,75)
```
#032c5e
```
#032c5e rgb(3,44,94)
```
#033571
```
#033571 rgb(3,53,113)
```
#043e84
```
#043e84 rgb(4,62,132)
```
#044797
```
#044797 rgb(4,71,151)
```
#0551aa
```
#0551aa rgb(5,81,170)
```
#065abd
```
#065abd rgb(6,90,189)
```
#0663d0
```
#0663d0 rgb(6,99,208)
```
#076ce3
```
#076ce3 rgb(7,108,227)
```
#0775f6
```
#0775f6 rgb(7,117,246)
```

Shade Color Variation

#197ff8
```
#197ff8 rgb(25,127,248)
```
#2c8af9
```
#2c8af9 rgb(44,138,249)
```
#3f94f9
```
#3f94f9 rgb(63,148,249)
```
#529ffa
```
#529ffa rgb(82,159,250)
```
#65a9fa
```
#65a9fa rgb(101,169,250)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```
#8bbffc
```
#8bbffc rgb(139,191,252)
```
#9ec9fc
```
#9ec9fc rgb(158,201,252)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#c4defd
```
#c4defd rgb(196,222,253)
```
#d7e9fe
```
#d7e9fe rgb(215,233,254)
```
#eaf4fe
```
#eaf4fe rgb(234,244,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b8b9bb
```
#b8b9bb rgb(184,185,187)
```
#b3b9c0
```
#b3b9c0 rgb(179,185,192)
```
#adb8c6
```
#adb8c6 rgb(173,184,198)
```
#a8b8cb
```
#a8b8cb rgb(168,184,203)
```
#a3b8d0
```
#a3b8d0 rgb(163,184,208)
```
#9db7d6
```
#9db7d6 rgb(157,183,214)
```
#98b7db
```
#98b7db rgb(152,183,219)
```
#93b6e0
```
#93b6e0 rgb(147,182,224)
```
#8db6e6
```
#8db6e6 rgb(141,182,230)
```
#88b5eb
```
#88b5eb rgb(136,181,235)
```
#83b5f0
```
#83b5f0 rgb(131,181,240)
```
#7db4f6
```
#7db4f6 rgb(125,180,246)
```
#78b4fb
```
#78b4fb rgb(120,180,251)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a0acba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db2f7 Protanopia 1% of men
#94b3fd Deuteranopia 1% of men
#6bc0ce Tritanopia 0.001% of the population

Trichromacy

#8fb2f8 Protanomaly 1% of men, 0.01% of women
#8ab3fc Deuteranomaly 6% of men, 0.4% of women
#6fbcde Tritanomaly 0.01% of the population

#78b4fb hex color

#78b4fb Color Information

#78b4fb Color Conversion

Color Schemes with #78b4fb

Alternatives to #78b4fb

#78b4fb Preview

Shades and Tints of #78b4fb

Tones of #78b4fb

Color Blindness Simulator