#77caf6 Color Information
In a RGB color space, hex #77caf6 is composed of 46.7% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 200.8 degrees, a saturation of 87.6% and a lightness of 71.6%. #77caf6 color hex could be obtained by blending #eeffff with #0095ed. Closest websafe color is: #66ccff.
-
- R 47
- G 79
- B 96
-
- C 52
- M 18
- Y 0
- K 4
● #77caf6 color description : Soft blue.
#77caf6 Color Conversion
The hexadecimal color #77caf6 has RGB values of R:119, G:202, B:246 and CMYK values of C:0.52, M:0.18, Y:0, K:0.04. Its decimal value is 7850742.
Hex triplet | 77caf6 | #77caf6 |
---|---|---|
RGB Decimal | 119, 202, 246 | rgb(119,202,246) |
RGB Percent | 46.7, 79.2, 96.5 | rgb(46.7%,79.2%,96.5%) |
CMYK | 52, 18, 0, 4 | |
HSL | 200.8°, 87.6, 71.6 | hsl(200.8,87.6%,71.6%) |
HSV (or HSB) | 200.8°, 51.6, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.765, -13.429, -29.438 |
---|---|
XYZ | 45.359, 52.814, 94.988 |
xyY | 0.235, 0.273, 52.814 |
CIE-LCH | 77.765, 32.357, 245.478 |
CIE-LUV | 77.765, -36.606, -45.386 |
Hunter-Lab | 72.673, -15.768, -26.624 |
Binary | 01110111, 11001010, 11110110 |
Color Schemes with #77caf6
Alternatives to #77caf6
Below, you can see some colors close to #77caf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#77caf6 Preview
This text has a font color of #77caf6.
<span style="color:#77caf6;">Text here</span>
This paragraph has a background color of #77caf6.
<p style="background-color:#77caf6;">Content here</p>
This element has a border color of #77caf6.
<div style="border:1px solid #77caf6;">Content here</div>
.text {color:#77caf6;}
.background {background-color:#77caf6;}
.border {border:1px solid #77caf6;}
Shades and Tints of #77caf6
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, #01080b is the darkest color, while #f8fcff is the lightest one.
-
#01080b
#01080b
rgb(1,8,11)
-
#02141e
#02141e
rgb(2,20,30)
-
#032030
#032030
rgb(3,32,48)
-
#042d42
#042d42
rgb(4,45,66)
-
#063955
#063955
rgb(6,57,85)
-
#074667
#074667
rgb(7,70,103)
-
#08527a
#08527a
rgb(8,82,122)
-
#095f8c
#095f8c
rgb(9,95,140)
-
#0a6b9e
#0a6b9e
rgb(10,107,158)
-
#0c78b1
#0c78b1
rgb(12,120,177)
-
#0d84c3
#0d84c3
rgb(13,132,195)
-
#0e90d6
#0e90d6
rgb(14,144,214)
-
#0f9de8
#0f9de8
rgb(15,157,232)
-
#1ba6f0
#1ba6f0
rgb(27,166,240)
-
#2dadf1
#2dadf1
rgb(45,173,241)
-
#40b4f2
#40b4f2
rgb(64,180,242)
-
#52bcf4
#52bcf4
rgb(82,188,244)
-
#65c3f5
#65c3f5
rgb(101,195,245)
-
#77caf6
#77caf6
rgb(119,202,246)
-
#89d1f7
#89d1f7
rgb(137,209,247)
-
#9cd8f8
#9cd8f8
rgb(156,216,248)
-
#aee0fa
#aee0fa
rgb(174,224,250)
-
#c1e7fb
#c1e7fb
rgb(193,231,251)
-
#d3eefc
#d3eefc
rgb(211,238,252)
-
#e5f5fd
#e5f5fd
rgb(229,245,253)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #77caf6
A tone is produced by adding gray to any pure hue. In this case, #b4b7b9 is the less saturated color, while #71ccfc is the most saturated one.
-
#b4b7b9
#b4b7b9
rgb(180,183,185)
-
#afb9be
#afb9be
rgb(175,185,190)
-
#a9bbc4
#a9bbc4
rgb(169,187,196)
-
#a4bcc9
#a4bcc9
rgb(164,188,201)
-
#9ebecf
#9ebecf
rgb(158,190,207)
-
#98c0d5
#98c0d5
rgb(152,192,213)
-
#93c1da
#93c1da
rgb(147,193,218)
-
#8dc3e0
#8dc3e0
rgb(141,195,224)
-
#88c5e5
#88c5e5
rgb(136,197,229)
-
#82c7eb
#82c7eb
rgb(130,199,235)
-
#7dc8f0
#7dc8f0
rgb(125,200,240)
-
#77caf6
#77caf6
rgb(119,202,246)
-
#71ccfc
#71ccfc
rgb(113,204,252)
Color Blindness Simulator
Below, you can see how #77caf6 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.