#78a0f2 hex color

In a RGB color space, hex #78a0f2 is composed of 47.1% red, 62.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 33.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.3 degrees, a saturation of 82.4% and a lightness of 71%. #78a0f2 color hex could be obtained by blending #f0ffff with #0041e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 63
- B 95
RGB color chart
- C 50
- M 34
- Y 0
- K 5
CMYK color chart

● #78a0f2 color description : Soft blue.

The hexadecimal color #78a0f2 has RGB values of R:120, G:160, B:242 and CMYK values of C:0.5, M:0.34, Y:0, K:0.05. Its decimal value is 7905522.

Hex triplet	78a0f2	`#78a0f2`
RGB Decimal	120, 160, 242	`rgb(120,160,242)`
RGB Percent	47.1, 62.7, 94.9	`rgb(47.1%,62.7%,94.9%)`
CMYK	50, 34, 0, 5
HSL	220.3°, 82.4, 71	`hsl(220.3,82.4%,71%)`
HSV (or HSB)	220.3°, 50.4, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.17, 8.719, -45.289
XYZ	36.34, 35.544, 88.945
xyY	0.226, 0.221, 35.544
CIE-LCH	66.17, 46.12, 280.897
CIE-LUV	66.17, -20.673, -73.84
Hunter-Lab	59.619, 4.471, -46.722
Binary	01111000, 10100000, 11110010

#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#f2ca78
```
#f2ca78 rgb(242,202,120)
```

Complementary Color

#78ddf2
```
#78ddf2 rgb(120,221,242)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#8d78f2
```
#8d78f2 rgb(141,120,242)
```

Analogous Color

#ddf278
```
#ddf278 rgb(221,242,120)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#f28d78
```
#f28d78 rgb(242,141,120)
```

Split Complementary Color

#a0f278
```
#a0f278 rgb(160,242,120)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#f278a0
```
#f278a0 rgb(242,120,160)
```

Triadic Color

#78f2ca
```
#78f2ca rgb(120,242,202)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#f278a0
```
#f278a0 rgb(242,120,160)
```
#f2ca78
```
#f2ca78 rgb(242,202,120)
```

Tetradic Color

#326feb
```
#326feb rgb(50,111,235)
```
#497fee
```
#497fee rgb(73,127,238)
```
#6190f0
```
#6190f0 rgb(97,144,240)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#8fb0f4
```
#8fb0f4 rgb(143,176,244)
```
#a7c1f6
```
#a7c1f6 rgb(167,193,246)
```
#bed1f9
```
#bed1f9 rgb(190,209,249)
```

Monochromatic Color

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

#78bff2
```
#78bff2 rgb(120,191,242)
```
#78b4f2
```
#78b4f2 rgb(120,180,242)
```
#78aaf2
```
#78aaf2 rgb(120,170,242)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#7896f2
```
#7896f2 rgb(120,150,242)
```
#788cf2
```
#788cf2 rgb(120,140,242)
```
#7882f2
```
#7882f2 rgb(120,130,242)
```

Similar Colors

Text with hexadecimal color #78a0f2

This text has a font color of #78a0f2.

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

#78a0f2 background color

This paragraph has a background color of #78a0f2.

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

#78a0f2 border color

This element has a border color of #78a0f2.

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

CSS codes

.text {color:#78a0f2;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#030a1a
```
#030a1a rgb(3,10,26)
```
#04112c
```
#04112c rgb(4,17,44)
```
#06183e
```
#06183e rgb(6,24,62)
```
#081f50
```
#081f50 rgb(8,31,80)
```
#092662
```
#092662 rgb(9,38,98)
```
#0b2d73
```
#0b2d73 rgb(11,45,115)
```
#0d3485
```
#0d3485 rgb(13,52,133)
```
#0f3b97
```
#0f3b97 rgb(15,59,151)
```
#1042a9
```
#1042a9 rgb(16,66,169)
```
#1249bb
```
#1249bb rgb(18,73,187)
```
#1450cd
```
#1450cd rgb(20,80,205)
```
#1557df
```
#1557df rgb(21,87,223)
```

Shade Color Variation

#1f61e9
```
#1f61e9 rgb(31,97,233)
```
#306eeb
```
#306eeb rgb(48,110,235)
```
#427aed
```
#427aed rgb(66,122,237)
```
#5487ef
```
#5487ef rgb(84,135,239)
```
#6693f0
```
#6693f0 rgb(102,147,240)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#8aadf4
```
#8aadf4 rgb(138,173,244)
```
#9cb9f5
```
#9cb9f5 rgb(156,185,245)
```
#aec6f7
```
#aec6f7 rgb(174,198,247)
```
#c0d2f9
```
#c0d2f9 rgb(192,210,249)
```
#d1dffb
```
#d1dffb rgb(209,223,251)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#b1b4b9
```
#b1b4b9 rgb(177,180,185)
```
#abb2bf
```
#abb2bf rgb(171,178,191)
```
#a6b0c4
```
#a6b0c4 rgb(166,176,196)
```
#a0aeca
```
#a0aeca rgb(160,174,202)
```
#9aacd0
```
#9aacd0 rgb(154,172,208)
```
#94aad6
```
#94aad6 rgb(148,170,214)
```
#8fa8db
```
#8fa8db rgb(143,168,219)
```
#89a6e1
```
#89a6e1 rgb(137,166,225)
```
#83a4e7
```
#83a4e7 rgb(131,164,231)
```
#7ea2ec
```
#7ea2ec rgb(126,162,236)
```
#78a0f2
```
#78a0f2 rgb(120,160,242)
```
#729ef8
```
#729ef8 rgb(114,158,248)
```
#6d9cfd
```
#6d9cfd rgb(109,156,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#969eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a3f1 Protanopia 1% of men
#7da5f2 Deuteranopia 1% of men
#68b0bd Tritanopia 0.001% of the population

Trichromacy

#82a2f1 Protanomaly 1% of men, 0.01% of women
#7ba3f2 Deuteranomaly 6% of men, 0.4% of women
#6eaad0 Tritanomaly 0.01% of the population

#78a0f2 hex color

#78a0f2 Color Information

#78a0f2 Color Conversion

Color Schemes with #78a0f2

Alternatives to #78a0f2

#78a0f2 Preview

Shades and Tints of #78a0f2

Tones of #78a0f2

Color Blindness Simulator