#77a2f5 Color Information
In a RGB color space, hex #77a2f5 is composed of 46.7% red, 63.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 33.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 219.5 degrees, a saturation of 86.3% and a lightness of 71.4%. #77a2f5 color hex could be obtained by blending #eeffff with #0045eb. Closest websafe color is: #6699ff.
-
- R 47
- G 64
- B 96
-
- C 51
- M 34
- Y 0
- K 4
● #77a2f5 color description : Soft blue.
#77a2f5 Color Conversion
The hexadecimal color #77a2f5 has RGB values of R:119, G:162, B:245 and CMYK values of C:0.51, M:0.34, Y:0, K:0.04. Its decimal value is 7840501.
Hex triplet | 77a2f5 | #77a2f5 |
---|---|---|
RGB Decimal | 119, 162, 245 | rgb(119,162,245) |
RGB Percent | 46.7, 63.5, 96.1 | rgb(46.7%,63.5%,96.1%) |
CMYK | 51, 34, 0, 4 | |
HSL | 219.5°, 86.3, 71.4 | hsl(219.5,86.3%,71.4%) |
HSV (or HSB) | 219.5°, 51.4, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.789, 8.253, -45.959 |
---|---|
XYZ | 37.006, 36.353, 91.448 |
xyY | 0.225, 0.221, 36.353 |
CIE-LCH | 66.789, 46.694, 280.18 |
CIE-LUV | 66.789, -21.747, -75.023 |
Hunter-Lab | 60.294, 4.042, -47.72 |
Binary | 01110111, 10100010, 11110101 |
Color Schemes with #77a2f5
Alternatives to #77a2f5
Below, you can see some colors close to #77a2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#77a2f5 Preview
This text has a font color of #77a2f5.
<span style="color:#77a2f5;">Text here</span>
This paragraph has a background color of #77a2f5.
<p style="background-color:#77a2f5;">Content here</p>
This element has a border color of #77a2f5.
<div style="border:1px solid #77a2f5;">Content here</div>
.text {color:#77a2f5;}
.background {background-color:#77a2f5;}
.border {border:1px solid #77a2f5;}
Shades and Tints of #77a2f5
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 #f7f9fe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#020b1c
#020b1c
rgb(2,11,28)
-
#03122f
#03122f
rgb(3,18,47)
-
#051941
#051941
rgb(5,25,65)
-
#062053
#062053
rgb(6,32,83)
-
#072866
#072866
rgb(7,40,102)
-
#092f78
#092f78
rgb(9,47,120)
-
#0a368a
#0a368a
rgb(10,54,138)
-
#0b3d9c
#0b3d9c
rgb(11,61,156)
-
#0d44af
#0d44af
rgb(13,68,175)
-
#0e4bc1
#0e4bc1
rgb(14,75,193)
-
#1052d3
#1052d3
rgb(16,82,211)
-
#1159e5
#1159e5
rgb(17,89,229)
-
#1c64ee
#1c64ee
rgb(28,100,238)
-
#2e70f0
#2e70f0
rgb(46,112,240)
-
#407df1
#407df1
rgb(64,125,241)
-
#5289f2
#5289f2
rgb(82,137,242)
-
#6596f4
#6596f4
rgb(101,150,244)
-
#77a2f5
#77a2f5
rgb(119,162,245)
-
#89aef6
#89aef6
rgb(137,174,246)
-
#9cbbf8
#9cbbf8
rgb(156,187,248)
-
#aec7f9
#aec7f9
rgb(174,199,249)
-
#c0d4fa
#c0d4fa
rgb(192,212,250)
-
#d2e0fc
#d2e0fc
rgb(210,224,252)
-
#e5edfd
#e5edfd
rgb(229,237,253)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #77a2f5
A tone is produced by adding gray to any pure hue. In this case, #b5b6b7 is the less saturated color, while #71a0fb is the most saturated one.
-
#b5b6b7
#b5b6b7
rgb(181,182,183)
-
#afb4bd
#afb4bd
rgb(175,180,189)
-
#aab2c2
#aab2c2
rgb(170,178,194)
-
#a4b0c8
#a4b0c8
rgb(164,176,200)
-
#9eaece
#9eaece
rgb(158,174,206)
-
#99add3
#99add3
rgb(153,173,211)
-
#93abd9
#93abd9
rgb(147,171,217)
-
#8da9df
#8da9df
rgb(141,169,223)
-
#88a7e4
#88a7e4
rgb(136,167,228)
-
#82a6ea
#82a6ea
rgb(130,166,234)
-
#7da4ef
#7da4ef
rgb(125,164,239)
-
#77a2f5
#77a2f5
rgb(119,162,245)
-
#71a0fb
#71a0fb
rgb(113,160,251)
Color Blindness Simulator
Below, you can see how #77a2f5 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.