#77caf7 Color Information
In a RGB color space, hex #77caf7 is composed of 46.7% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 201.1 degrees, a saturation of 88.9% and a lightness of 71.8%. #77caf7 color hex could be obtained by blending #eeffff with #0095ef. Closest websafe color is: #66ccff.
-
- R 47
- G 79
- B 97
-
- C 52
- M 18
- Y 0
- K 3
● #77caf7 color description : Soft blue.
#77caf7 Color Conversion
The hexadecimal color #77caf7 has RGB values of R:119, G:202, B:247 and CMYK values of C:0.52, M:0.18, Y:0, K:0.03. Its decimal value is 7850743.
Hex triplet | 77caf7 | #77caf7 |
---|---|---|
RGB Decimal | 119, 202, 247 | rgb(119,202,247) |
RGB Percent | 46.7, 79.2, 96.9 | rgb(46.7%,79.2%,96.9%) |
CMYK | 52, 18, 0, 3 | |
HSL | 201.1°, 88.9, 71.8 | hsl(201.1,88.9%,71.8%) |
HSV (or HSB) | 201.1°, 51.8, 96.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.802, -13.145, -29.918 |
---|---|
XYZ | 45.513, 52.876, 95.798 |
xyY | 0.234, 0.272, 52.876 |
CIE-LCH | 77.802, 32.678, 246.281 |
CIE-LUV | 77.802, -36.58, -46.245 |
Hunter-Lab | 72.716, -15.529, -27.21 |
Binary | 01110111, 11001010, 11110111 |
Color Schemes with #77caf7
Alternatives to #77caf7
Below, you can see some colors close to #77caf7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#77caf7 Preview
This text has a font color of #77caf7.
<span style="color:#77caf7;">Text here</span>
This paragraph has a background color of #77caf7.
<p style="background-color:#77caf7;">Content here</p>
This element has a border color of #77caf7.
<div style="border:1px solid #77caf7;">Content here</div>
.text {color:#77caf7;}
.background {background-color:#77caf7;}
.border {border:1px solid #77caf7;}
Shades and Tints of #77caf7
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, #01080c is the darkest color, while #f9fdff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02151f
#02151f
rgb(2,21,31)
-
#032131
#032131
rgb(3,33,49)
-
#042d44
#042d44
rgb(4,45,68)
-
#053a56
#053a56
rgb(5,58,86)
-
#064669
#064669
rgb(6,70,105)
-
#07537b
#07537b
rgb(7,83,123)
-
#085f8e
#085f8e
rgb(8,95,142)
-
#096ba0
#096ba0
rgb(9,107,160)
-
#0b78b3
#0b78b3
rgb(11,120,179)
-
#0c84c5
#0c84c5
rgb(12,132,197)
-
#0d91d8
#0d91d8
rgb(13,145,216)
-
#0e9deb
#0e9deb
rgb(14,157,235)
-
#1aa6f2
#1aa6f2
rgb(26,166,242)
-
#2dadf3
#2dadf3
rgb(45,173,243)
-
#3fb4f4
#3fb4f4
rgb(63,180,244)
-
#52bcf5
#52bcf5
rgb(82,188,245)
-
#64c3f6
#64c3f6
rgb(100,195,246)
-
#77caf7
#77caf7
rgb(119,202,247)
-
#8ad1f8
#8ad1f8
rgb(138,209,248)
-
#9cd8f9
#9cd8f9
rgb(156,216,249)
-
#afe0fa
#afe0fa
rgb(175,224,250)
-
#c1e7fb
#c1e7fb
rgb(193,231,251)
-
#d4eefc
#d4eefc
rgb(212,238,252)
-
#e6f5fe
#e6f5fe
rgb(230,245,254)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #77caf7
A tone is produced by adding gray to any pure hue. In this case, #b4b8ba is the less saturated color, while #71ccfd is the most saturated one.
-
#b4b8ba
#b4b8ba
rgb(180,184,186)
-
#aebac0
#aebac0
rgb(174,186,192)
-
#a9bbc5
#a9bbc5
rgb(169,187,197)
-
#a3bdcb
#a3bdcb
rgb(163,189,203)
-
#9ebed0
#9ebed0
rgb(158,190,208)
-
#98c0d6
#98c0d6
rgb(152,192,214)
-
#93c2db
#93c2db
rgb(147,194,219)
-
#8dc3e1
#8dc3e1
rgb(141,195,225)
-
#88c5e6
#88c5e6
rgb(136,197,230)
-
#82c7ec
#82c7ec
rgb(130,199,236)
-
#7dc8f1
#7dc8f1
rgb(125,200,241)
-
#77caf7
#77caf7
rgb(119,202,247)
-
#71ccfd
#71ccfd
rgb(113,204,253)
Color Blindness Simulator
Below, you can see how #77caf7 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.