#78b2fc hex color

In a RGB color space, hex #78b2fc is composed of 47.1% red, 69.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 29.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.6 degrees, a saturation of 95.7% and a lightness of 72.9%. #78b2fc color hex could be obtained by blending #f0ffff with #0065f9. Closest websafe color is: #6699ff.

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

● #78b2fc color description : Soft blue.

The hexadecimal color #78b2fc has RGB values of R:120, G:178, B:252 and CMYK values of C:0.52, M:0.29, Y:0, K:0.01. Its decimal value is 7910140.

Hex triplet	78b2fc	`#78b2fc`
RGB Decimal	120, 178, 252	`rgb(120,178,252)`
RGB Percent	47.1, 69.8, 98.8	`rgb(47.1%,69.8%,98.8%)`
CMYK	52, 29, 0, 1
HSL	213.6°, 95.7, 72.9	`hsl(213.6,95.7%,72.9%)`
HSV (or HSB)	213.6°, 52.4, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.46, 1.523, -42.433
XYZ	41.233, 42.86, 98.19
xyY	0.226, 0.235, 42.86
CIE-LCH	71.46, 42.461, 272.056
CIE-LUV	71.46, -27.237, -68.933
Hunter-Lab	65.467, -2.145, -43.098
Binary	01111000, 10110010, 11111100

#78b2fc
```
#78b2fc rgb(120,178,252)
```
#fcc278
```
#fcc278 rgb(252,194,120)
```

Complementary Color

#78f4fc
```
#78f4fc rgb(120,244,252)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#8078fc
```
#8078fc rgb(128,120,252)
```

Analogous Color

#f4fc78
```
#f4fc78 rgb(244,252,120)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#fc8078
```
#fc8078 rgb(252,128,120)
```

Split Complementary Color

#b2fc78
```
#b2fc78 rgb(178,252,120)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#fc78b2
```
#fc78b2 rgb(252,120,178)
```

Triadic Color

#78fcc2
```
#78fcc2 rgb(120,252,194)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#fc78b2
```
#fc78b2 rgb(252,120,178)
```
#fcc278
```
#fcc278 rgb(252,194,120)
```

Tetradic Color

#2d87fa
```
#2d87fa rgb(45,135,250)
```
#4696fb
```
#4696fb rgb(70,150,251)
```
#5fa4fb
```
#5fa4fb rgb(95,164,251)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#91c0fd
```
#91c0fd rgb(145,192,253)
```
#aacefd
```
#aacefd rgb(170,206,253)
```
#c3ddfe
```
#c3ddfe rgb(195,221,254)
```

Monochromatic Color

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

#78d3fc
```
#78d3fc rgb(120,211,252)
```
#78c8fc
```
#78c8fc rgb(120,200,252)
```
#78bdfc
```
#78bdfc rgb(120,189,252)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#78a7fc
```
#78a7fc rgb(120,167,252)
```
#789cfc
```
#789cfc rgb(120,156,252)
```
#7891fc
```
#7891fc rgb(120,145,252)
```

Similar Colors

Text with hexadecimal color #78b2fc

This text has a font color of #78b2fc.

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

#78b2fc background color

This paragraph has a background color of #78b2fc.

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

#78b2fc border color

This element has a border color of #78b2fc.

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

CSS codes

.text {color:#78b2fc;}

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

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

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

#000813
```
#000813 rgb(0,8,19)
```
#011126
```
#011126 rgb(1,17,38)
```
#011a39
```
#011a39 rgb(1,26,57)
```
#02224c
```
#02224c rgb(2,34,76)
```
#022b5f
```
#022b5f rgb(2,43,95)
```
#033472
```
#033472 rgb(3,52,114)
```
#033c86
```
#033c86 rgb(3,60,134)
```
#034599
```
#034599 rgb(3,69,153)
```
#044eac
```
#044eac rgb(4,78,172)
```
#0456bf
```
#0456bf rgb(4,86,191)
```
#055fd2
```
#055fd2 rgb(5,95,210)
```
#0568e6
```
#0568e6 rgb(5,104,230)
```
#0670f9
```
#0670f9 rgb(6,112,249)
```

Shade Color Variation

#187bfa
```
#187bfa rgb(24,123,250)
```
#2b86fa
```
#2b86fa rgb(43,134,250)
```
#3e91fb
```
#3e91fb rgb(62,145,251)
```
#529cfb
```
#529cfb rgb(82,156,251)
```
#65a7fc
```
#65a7fc rgb(101,167,252)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```
#8bbdfc
```
#8bbdfc rgb(139,189,252)
```
#9ec8fd
```
#9ec8fd rgb(158,200,253)
```
#b2d3fd
```
#b2d3fd rgb(178,211,253)
```
#c5defe
```
#c5defe rgb(197,222,254)
```
#d8e9fe
```
#d8e9fe rgb(216,233,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 #78b2fc is the most saturated one.

#b8babc
```
#b8babc rgb(184,186,188)
```
#b2b9c2
```
#b2b9c2 rgb(178,185,194)
```
#adb8c7
```
#adb8c7 rgb(173,184,199)
```
#a8b8cc
```
#a8b8cc rgb(168,184,204)
```
#a2b7d2
```
#a2b7d2 rgb(162,183,210)
```
#9db7d7
```
#9db7d7 rgb(157,183,215)
```
#98b6dc
```
#98b6dc rgb(152,182,220)
```
#93b5e1
```
#93b5e1 rgb(147,181,225)
```
#8db5e7
```
#8db5e7 rgb(141,181,231)
```
#88b4ec
```
#88b4ec rgb(136,180,236)
```
#83b3f1
```
#83b3f1 rgb(131,179,241)
```
#7db3f7
```
#7db3f7 rgb(125,179,247)
```
#78b2fc
```
#78b2fc rgb(120,178,252)
```

Tone Color Variation

Below, you can see how #78b2fc 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
#9fabba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ab0f8 Protanopia 1% of men
#91b2fd Deuteranopia 1% of men
#69bfcd Tritanopia 0.001% of the population

Trichromacy

#8eb1f9 Protanomaly 1% of men, 0.01% of women
#88b2fd Deuteranomaly 6% of men, 0.4% of women
#6fbade Tritanomaly 0.01% of the population

#78b2fc hex color

#78b2fc Color Information

#78b2fc Color Conversion

Color Schemes with #78b2fc

Alternatives to #78b2fc

#78b2fc Preview

Shades and Tints of #78b2fc

Tones of #78b2fc

Color Blindness Simulator