#78a5f4 Color Information
In a RGB color space, hex #78a5f4 is composed of 47.1% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 218.2 degrees, a saturation of 84.9% and a lightness of 71.4%. #78a5f4 color hex could be obtained by blending #f0ffff with #004be9. Closest websafe color is: #6699ff.
-
- R 47
- G 65
- B 96
-
- C 51
- M 32
- Y 0
- K 4
● #78a5f4 color description : Soft blue.
#78a5f4 Color Conversion
The hexadecimal color #78a5f4 has RGB values of R:120, G:165, B:244 and CMYK values of C:0.51, M:0.32, Y:0, K:0.04. Its decimal value is 7906804.
Hex triplet | 78a5f4 | #78a5f4 |
---|---|---|
RGB Decimal | 120, 165, 244 | rgb(120,165,244) |
RGB Percent | 47.1, 64.7, 95.7 | rgb(47.1%,64.7%,95.7%) |
CMYK | 51, 32, 0, 4 | |
HSL | 218.2°, 84.9, 71.4 | hsl(218.2,84.9%,71.4%) |
HSV (or HSB) | 218.2°, 50.8, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.601, 6.458, -44.134 |
---|---|
XYZ | 37.526, 37.433, 90.831 |
xyY | 0.226, 0.226, 37.433 |
CIE-LCH | 67.601, 44.604, 278.325 |
CIE-LUV | 67.601, -22.502, -71.861 |
Hunter-Lab | 61.183, 2.413, -45.193 |
Binary | 01111000, 10100101, 11110100 |
Color Schemes with #78a5f4
Alternatives to #78a5f4
Below, you can see some colors close to #78a5f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#78a5f4 Preview
This text has a font color of #78a5f4.
<span style="color:#78a5f4;">Text here</span>
This paragraph has a background color of #78a5f4.
<p style="background-color:#78a5f4;">Content here</p>
This element has a border color of #78a5f4.
<div style="border:1px solid #78a5f4;">Content here</div>
.text {color:#78a5f4;}
.background {background-color:#78a5f4;}
.border {border:1px solid #78a5f4;}
Shades and Tints of #78a5f4
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, #01040a is the darkest color, while #f7fafe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#020c1c
#020c1c
rgb(2,12,28)
-
#04132e
#04132e
rgb(4,19,46)
-
#051b41
#051b41
rgb(5,27,65)
-
#072253
#072253
rgb(7,34,83)
-
#082a65
#082a65
rgb(8,42,101)
-
#0a3177
#0a3177
rgb(10,49,119)
-
#0b3989
#0b3989
rgb(11,57,137)
-
#0d409b
#0d409b
rgb(13,64,155)
-
#0e48ad
#0e48ad
rgb(14,72,173)
-
#104fbf
#104fbf
rgb(16,79,191)
-
#1157d2
#1157d2
rgb(17,87,210)
-
#135ee4
#135ee4
rgb(19,94,228)
-
#1d69ed
#1d69ed
rgb(29,105,237)
-
#2f75ee
#2f75ee
rgb(47,117,238)
-
#4281f0
#4281f0
rgb(66,129,240)
-
#548df1
#548df1
rgb(84,141,241)
-
#6699f3
#6699f3
rgb(102,153,243)
-
#78a5f4
#78a5f4
rgb(120,165,244)
-
#8ab1f5
#8ab1f5
rgb(138,177,245)
-
#9cbdf7
#9cbdf7
rgb(156,189,247)
-
#aec9f8
#aec9f8
rgb(174,201,248)
-
#c1d5fa
#c1d5fa
rgb(193,213,250)
-
#d3e1fb
#d3e1fb
rgb(211,225,251)
-
#e5eefd
#e5eefd
rgb(229,238,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #78a5f4
A tone is produced by adding gray to any pure hue. In this case, #b6b6b6 is the less saturated color, while #72a3fa is the most saturated one.
-
#b6b6b6
#b6b6b6
rgb(182,182,182)
-
#b0b4bc
#b0b4bc
rgb(176,180,188)
-
#abb3c1
#abb3c1
rgb(171,179,193)
-
#a5b1c7
#a5b1c7
rgb(165,177,199)
-
#9fb0cd
#9fb0cd
rgb(159,176,205)
-
#9aaed2
#9aaed2
rgb(154,174,210)
-
#94add8
#94add8
rgb(148,173,216)
-
#8eabde
#8eabde
rgb(142,171,222)
-
#89aae3
#89aae3
rgb(137,170,227)
-
#83a8e9
#83a8e9
rgb(131,168,233)
-
#7ea7ee
#7ea7ee
rgb(126,167,238)
-
#78a5f4
#78a5f4
rgb(120,165,244)
-
#72a3fa
#72a3fa
rgb(114,163,250)
Color Blindness Simulator
Below, you can see how #78a5f4 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.