#77a2dd Color Information
In a RGB color space, hex #77a2dd is composed of 46.7% red, 63.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 26.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 214.7 degrees, a saturation of 60% and a lightness of 66.7%. #77a2dd color hex could be obtained by blending #eeffff with #0045bb. Closest websafe color is: #6699cc.
-
- R 47
- G 64
- B 87
-
- C 46
- M 27
- Y 0
- K 13
● #77a2dd color description : Soft blue.
#77a2dd Color Conversion
The hexadecimal color #77a2dd has RGB values of R:119, G:162, B:221 and CMYK values of C:0.46, M:0.27, Y:0, K:0.13. Its decimal value is 7840477.
Hex triplet | 77a2dd | #77a2dd |
---|---|---|
RGB Decimal | 119, 162, 221 | rgb(119,162,221) |
RGB Percent | 46.7, 63.5, 86.7 | rgb(46.7%,63.5%,86.7%) |
CMYK | 46, 27, 0, 13 | |
HSL | 214.7°, 60, 66.7 | hsl(214.7,60%,66.7%) |
HSV (or HSB) | 214.7°, 46.2, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.734, 1.153, -34.432 |
---|---|
XYZ | 33.576, 34.982, 73.385 |
xyY | 0.237, 0.246, 34.982 |
CIE-LCH | 65.734, 34.451, 271.917 |
CIE-LUV | 65.734, -21.63, -54.608 |
Hunter-Lab | 59.145, -2.171, -32.164 |
Binary | 01110111, 10100010, 11011101 |
Color Schemes with #77a2dd
Alternatives to #77a2dd
Below, you can see some colors close to #77a2dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#77a2dd Preview
This text has a font color of #77a2dd.
<span style="color:#77a2dd;">Text here</span>
This paragraph has a background color of #77a2dd.
<p style="background-color:#77a2dd;">Content here</p>
This element has a border color of #77a2dd.
<div style="border:1px solid #77a2dd;">Content here</div>
.text {color:#77a2dd;}
.background {background-color:#77a2dd;}
.border {border:1px solid #77a2dd;}
Shades and Tints of #77a2dd
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, #010305 is the darkest color, while #f5f8fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050c15
#050c15
rgb(5,12,21)
-
#091525
#091525
rgb(9,21,37)
-
#0d1e34
#0d1e34
rgb(13,30,52)
-
#112744
#112744
rgb(17,39,68)
-
#152f54
#152f54
rgb(21,47,84)
-
#193863
#193863
rgb(25,56,99)
-
#1d4173
#1d4173
rgb(29,65,115)
-
#214a83
#214a83
rgb(33,74,131)
-
#255392
#255392
rgb(37,83,146)
-
#295ca2
#295ca2
rgb(41,92,162)
-
#2c65b2
#2c65b2
rgb(44,101,178)
-
#306ec2
#306ec2
rgb(48,110,194)
-
#3877cd
#3877cd
rgb(56,119,205)
-
#4882d1
#4882d1
rgb(72,130,209)
-
#588dd5
#588dd5
rgb(88,141,213)
-
#6797d9
#6797d9
rgb(103,151,217)
-
#77a2dd
#77a2dd
rgb(119,162,221)
-
#87ade1
#87ade1
rgb(135,173,225)
-
#96b7e5
#96b7e5
rgb(150,183,229)
-
#a6c2e9
#a6c2e9
rgb(166,194,233)
-
#b6cded
#b6cded
rgb(182,205,237)
-
#c5d8f1
#c5d8f1
rgb(197,216,241)
-
#d5e2f5
#d5e2f5
rgb(213,226,245)
-
#e5edf8
#e5edf8
rgb(229,237,248)
-
#f5f8fc
#f5f8fc
rgb(245,248,252)
Tones of #77a2dd
A tone is produced by adding gray to any pure hue. In this case, #a5a9af is the less saturated color, while #569dfe is the most saturated one.
-
#a5a9af
#a5a9af
rgb(165,169,175)
-
#9ea8b6
#9ea8b6
rgb(158,168,182)
-
#98a7bc
#98a7bc
rgb(152,167,188)
-
#91a6c3
#91a6c3
rgb(145,166,195)
-
#8ba5c9
#8ba5c9
rgb(139,165,201)
-
#84a4d0
#84a4d0
rgb(132,164,208)
-
#7ea3d6
#7ea3d6
rgb(126,163,214)
-
#77a2dd
#77a2dd
rgb(119,162,221)
-
#70a1e4
#70a1e4
rgb(112,161,228)
-
#6aa0ea
#6aa0ea
rgb(106,160,234)
-
#639ff1
#639ff1
rgb(99,159,241)
-
#5d9ef7
#5d9ef7
rgb(93,158,247)
-
#569dfe
#569dfe
rgb(86,157,254)
Color Blindness Simulator
Below, you can see how #77a2dd 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.