colorhexa.com

#78b3fa hex color

In a RGB color space, hex #78b3fa is composed of 47.1% red, 70.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 28.4% magenta, 0% yellow and 2% black. It has a hue angle of 212.8 degrees, a saturation of 92.9% and a lightness of 72.5%. #78b3fa color hex could be obtained by blending #f0ffff with #0067f5. Closest websafe color is: #66ccff.

- R 47
- G 70
- B 98
RGB color chart
- C 52
- M 28
- Y 0
- K 2
CMYK color chart

● #78b3fa color description : Soft blue.

The hexadecimal color #78b3fa has RGB values of R:120, G:179, B:250 and CMYK values of C:0.52, M:0.28, Y:0, K:0.02. Its decimal value is 7910394.

Hex triplet	78b3fa	`#78b3fa`
RGB Decimal	120, 179, 250	`rgb(120,179,250)`
RGB Percent	47.1, 70.2, 98	`rgb(47.1%,70.2%,98%)`
CMYK	52, 28, 0, 2
HSL	212.8°, 92.9, 72.5	`hsl(212.8,92.9%,72.5%)`
HSV (or HSB)	212.8°, 52, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.645, 0.37, -41.062
XYZ	41.117, 43.133, 96.596
xyY	0.227, 0.239, 43.133
CIE-LCH	71.645, 41.064, 270.516
CIE-LUV	71.645, -27.62, -66.469
Hunter-Lab	65.676, -3.181, -41.231
Binary	01111000, 10110011, 11111010

#78b3fa
```
#78b3fa rgb(120,179,250)
```
#fabf78
```
#fabf78 rgb(250,191,120)
```

Complementary Color

#78f4fa
```
#78f4fa rgb(120,244,250)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#7e78fa
```
#7e78fa rgb(126,120,250)
```

Analogous Color

#f4fa78
```
#f4fa78 rgb(244,250,120)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#fa7e78
```
#fa7e78 rgb(250,126,120)
```

Split Complementary Color

#b3fa78
```
#b3fa78 rgb(179,250,120)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#fa78b3
```
#fa78b3 rgb(250,120,179)
```

Triadic Color

#78fabf
```
#78fabf rgb(120,250,191)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#fa78b3
```
#fa78b3 rgb(250,120,179)
```
#fabf78
```
#fabf78 rgb(250,191,120)
```

Tetradic Color

#2e89f7
```
#2e89f7 rgb(46,137,247)
```
#4797f8
```
#4797f8 rgb(71,151,248)
```
#5fa5f9
```
#5fa5f9 rgb(95,165,249)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#91c1fb
```
#91c1fb rgb(145,193,251)
```
#a9cffc
```
#a9cffc rgb(169,207,252)
```
#c2ddfd
```
#c2ddfd rgb(194,221,253)
```

Monochromatic Color

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

#78d4fa
```
#78d4fa rgb(120,212,250)
```
#78c9fa
```
#78c9fa rgb(120,201,250)
```
#78befa
```
#78befa rgb(120,190,250)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#78a8fa
```
#78a8fa rgb(120,168,250)
```
#789dfa
```
#789dfa rgb(120,157,250)
```
#7893fa
```
#7893fa rgb(120,147,250)
```

Similar Colors

Text with hexadecimal color #78b3fa

This text has a font color of #78b3fa.

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

#78b3fa background color

This paragraph has a background color of #78b3fa.

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

#78b3fa border color

This element has a border color of #78b3fa.

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

CSS codes

.text {color:#78b3fa;}

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

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

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

#010810
```
#010810 rgb(1,8,16)
```
#011123
```
#011123 rgb(1,17,35)
```
#021a36
```
#021a36 rgb(2,26,54)
```
#032349
```
#032349 rgb(3,35,73)
```
#032c5c
```
#032c5c rgb(3,44,92)
```
#04356f
```
#04356f rgb(4,53,111)
```
#053e82
```
#053e82 rgb(5,62,130)
```
#064795
```
#064795 rgb(6,71,149)
```
#064fa8
```
#064fa8 rgb(6,79,168)
```
#0758bb
```
#0758bb rgb(7,88,187)
```
#0861cd
```
#0861cd rgb(8,97,205)
```
#086ae0
```
#086ae0 rgb(8,106,224)
```
#0973f3
```
#0973f3 rgb(9,115,243)
```

Shade Color Variation

#197ef6
```
#197ef6 rgb(25,126,246)
```
#2c88f7
```
#2c88f7 rgb(44,136,247)
```
#3f93f8
```
#3f93f8 rgb(63,147,248)
```
#529ef9
```
#529ef9 rgb(82,158,249)
```
#65a8f9
```
#65a8f9 rgb(101,168,249)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```
#8bbefb
```
#8bbefb rgb(139,190,251)
```
#9ec8fb
```
#9ec8fb rgb(158,200,251)
```
#b1d3fc
```
#b1d3fc rgb(177,211,252)
```
#c4defd
```
#c4defd rgb(196,222,253)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#e9f3fe
```
#e9f3fe rgb(233,243,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#b9b9b9
```
#b9b9b9 rgb(185,185,185)
```
#b3b8bf
```
#b3b8bf rgb(179,184,191)
```
#aeb8c4
```
#aeb8c4 rgb(174,184,196)
```
#a8b7ca
```
#a8b7ca rgb(168,183,202)
```
#a3b7cf
```
#a3b7cf rgb(163,183,207)
```
#9eb6d4
```
#9eb6d4 rgb(158,182,212)
```
#98b6da
```
#98b6da rgb(152,182,218)
```
#93b5df
```
#93b5df rgb(147,181,223)
```
#8eb5e4
```
#8eb5e4 rgb(142,181,228)
```
#88b4ea
```
#88b4ea rgb(136,180,234)
```
#83b4ef
```
#83b4ef rgb(131,180,239)
```
#7db3f5
```
#7db3f5 rgb(125,179,245)
```
#78b3fa
```
#78b3fa rgb(120,179,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9fabb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb1f6 Protanopia 1% of men
#94b2fc Deuteranopia 1% of men
#6bbfcd Tritanopia 0.001% of the population

Trichromacy

#8fb1f7 Protanomaly 1% of men, 0.01% of women
#89b2fb Deuteranomaly 6% of men, 0.4% of women
#6fbbdd Tritanomaly 0.01% of the population