#77a2f2 Color Information
In a RGB color space, hex #77a2f2 is composed of 46.7% red, 63.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 33.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 219 degrees, a saturation of 82.6% and a lightness of 70.8%. #77a2f2 color hex could be obtained by blending #eeffff with #0045e5. Closest websafe color is: #6699ff.
-
- R 47
- G 64
- B 95
-
- C 51
- M 33
- Y 0
- K 5
● #77a2f2 color description : Soft blue.
#77a2f2 Color Conversion
The hexadecimal color #77a2f2 has RGB values of R:119, G:162, B:242 and CMYK values of C:0.51, M:0.33, Y:0, K:0.05. Its decimal value is 7840498.
Hex triplet | 77a2f2 | #77a2f2 |
---|---|---|
RGB Decimal | 119, 162, 242 | rgb(119,162,242) |
RGB Percent | 46.7, 63.5, 94.9 | rgb(46.7%,63.5%,94.9%) |
CMYK | 51, 33, 0, 5 | |
HSL | 219°, 82.6, 70.8 | hsl(219,82.6%,70.8%) |
HSV (or HSB) | 219°, 50.8, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.651, 7.348, -44.537 |
---|---|
XYZ | 36.552, 36.172, 89.055 |
xyY | 0.226, 0.224, 36.172 |
CIE-LCH | 66.651, 45.139, 279.369 |
CIE-LUV | 66.651, -21.73, -72.492 |
Hunter-Lab | 60.143, 3.233, -45.692 |
Binary | 01110111, 10100010, 11110010 |
Color Schemes with #77a2f2
Alternatives to #77a2f2
Below, you can see some colors close to #77a2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#77a2f2 Preview
This text has a font color of #77a2f2.
<span style="color:#77a2f2;">Text here</span>
This paragraph has a background color of #77a2f2.
<p style="background-color:#77a2f2;">Content here</p>
This element has a border color of #77a2f2.
<div style="border:1px solid #77a2f2;">Content here</div>
.text {color:#77a2f2;}
.background {background-color:#77a2f2;}
.border {border:1px solid #77a2f2;}
Shades and Tints of #77a2f2
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, #010307 is the darkest color, while #f4f8fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#020a19
#020a19
rgb(2,10,25)
-
#04122b
#04122b
rgb(4,18,43)
-
#06193d
#06193d
rgb(6,25,61)
-
#08204f
#08204f
rgb(8,32,79)
-
#092861
#092861
rgb(9,40,97)
-
#0b2f73
#0b2f73
rgb(11,47,115)
-
#0d3785
#0d3785
rgb(13,55,133)
-
#0e3e96
#0e3e96
rgb(14,62,150)
-
#1045a8
#1045a8
rgb(16,69,168)
-
#124dba
#124dba
rgb(18,77,186)
-
#1454cc
#1454cc
rgb(20,84,204)
-
#155bde
#155bde
rgb(21,91,222)
-
#1d65e9
#1d65e9
rgb(29,101,233)
-
#2f71eb
#2f71eb
rgb(47,113,235)
-
#417ded
#417ded
rgb(65,125,237)
-
#538aef
#538aef
rgb(83,138,239)
-
#6596f0
#6596f0
rgb(101,150,240)
-
#77a2f2
#77a2f2
rgb(119,162,242)
-
#89aef4
#89aef4
rgb(137,174,244)
-
#9bbaf5
#9bbaf5
rgb(155,186,245)
-
#adc7f7
#adc7f7
rgb(173,199,247)
-
#bfd3f9
#bfd3f9
rgb(191,211,249)
-
#d1dffb
#d1dffb
rgb(209,223,251)
-
#e2ebfc
#e2ebfc
rgb(226,235,252)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #77a2f2
A tone is produced by adding gray to any pure hue. In this case, #b0b3b9 is the less saturated color, while #6c9ffd is the most saturated one.
-
#b0b3b9
#b0b3b9
rgb(176,179,185)
-
#abb2be
#abb2be
rgb(171,178,190)
-
#a5b0c4
#a5b0c4
rgb(165,176,196)
-
#9faeca
#9faeca
rgb(159,174,202)
-
#99acd0
#99acd0
rgb(153,172,208)
-
#94abd5
#94abd5
rgb(148,171,213)
-
#8ea9db
#8ea9db
rgb(142,169,219)
-
#88a7e1
#88a7e1
rgb(136,167,225)
-
#82a5e7
#82a5e7
rgb(130,165,231)
-
#7da4ec
#7da4ec
rgb(125,164,236)
-
#77a2f2
#77a2f2
rgb(119,162,242)
-
#71a0f8
#71a0f8
rgb(113,160,248)
-
#6c9ffd
#6c9ffd
rgb(108,159,253)
Color Blindness Simulator
Below, you can see how #77a2f2 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.