#77aff2 hex color

In a RGB color space, hex #77aff2 is composed of 46.7% red, 68.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 27.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.7 degrees, a saturation of 82.6% and a lightness of 70.8%. #77aff2 color hex could be obtained by blending #eeffff with #005fe5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 69
- B 95
RGB color chart
- C 51
- M 28
- Y 0
- K 5
CMYK color chart

● #77aff2 color description : Soft blue.

The hexadecimal color #77aff2 has RGB values of R:119, G:175, B:242 and CMYK values of C:0.51, M:0.28, Y:0, K:0.05. Its decimal value is 7843826.

Hex triplet	77aff2	`#77aff2`
RGB Decimal	119, 175, 242	`rgb(119,175,242)`
RGB Percent	46.7, 68.6, 94.9	`rgb(46.7%,68.6%,94.9%)`
CMYK	51, 28, 0, 5
HSL	212.7°, 82.6, 70.8	`hsl(212.7,82.6%,70.8%)`
HSV (or HSB)	212.7°, 50.8, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.169, 0.002, -39.031
XYZ	38.961, 40.991, 89.858
xyY	0.229, 0.241, 40.991
CIE-LCH	70.169, 39.031, 270.003
CIE-LUV	70.169, -26.515, -62.774
Hunter-Lab	64.024, -3.418, -38.398
Binary	01110111, 10101111, 11110010

#77aff2
```
#77aff2 rgb(119,175,242)
```
#f2ba77
```
#f2ba77 rgb(242,186,119)
```

Complementary Color

#77edf2
```
#77edf2 rgb(119,237,242)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#7d77f2
```
#7d77f2 rgb(125,119,242)
```

Analogous Color

#edf277
```
#edf277 rgb(237,242,119)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#f27d77
```
#f27d77 rgb(242,125,119)
```

Split Complementary Color

#aff277
```
#aff277 rgb(175,242,119)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#f277af
```
#f277af rgb(242,119,175)
```

Triadic Color

#77f2ba
```
#77f2ba rgb(119,242,186)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#f277af
```
#f277af rgb(242,119,175)
```
#f2ba77
```
#f2ba77 rgb(242,186,119)
```

Tetradic Color

#3186eb
```
#3186eb rgb(49,134,235)
```
#4894ee
```
#4894ee rgb(72,148,238)
```
#60a1f0
```
#60a1f0 rgb(96,161,240)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#8ebdf4
```
#8ebdf4 rgb(142,189,244)
```
#a6caf6
```
#a6caf6 rgb(166,202,246)
```
#bdd8f9
```
#bdd8f9 rgb(189,216,249)
```

Monochromatic Color

Below, you can see some colors close to #77aff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#77cef2
```
#77cef2 rgb(119,206,242)
```
#77c4f2
```
#77c4f2 rgb(119,196,242)
```
#77b9f2
```
#77b9f2 rgb(119,185,242)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#77a5f2
```
#77a5f2 rgb(119,165,242)
```
#779bf2
```
#779bf2 rgb(119,155,242)
```
#7790f2
```
#7790f2 rgb(119,144,242)
```

Similar Colors

Text with hexadecimal color #77aff2

This text has a font color of #77aff2.

<span style="color:#77aff2;">Text here</span>

#77aff2 background color

This paragraph has a background color of #77aff2.

<p style="background-color:#77aff2;">Content here</p>

#77aff2 border color

This element has a border color of #77aff2.

<div style="border:1px solid #77aff2;">Content here</div>

CSS codes

.text {color:#77aff2;}

.background {background-color:#77aff2;}

.border {border:1px solid #77aff2;}

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, #010407 is the darkest color, while #f4f9fe is the lightest one.

#010407
```
#010407 rgb(1,4,7)
```
#020d19
```
#020d19 rgb(2,13,25)
```
#04162b
```
#04162b rgb(4,22,43)
```
#061f3d
```
#061f3d rgb(6,31,61)
```
#08284f
```
#08284f rgb(8,40,79)
```
#093161
```
#093161 rgb(9,49,97)
```
#0b3a73
```
#0b3a73 rgb(11,58,115)
```
#0d4385
```
#0d4385 rgb(13,67,133)
```
#0e4c96
```
#0e4c96 rgb(14,76,150)
```
#1055a8
```
#1055a8 rgb(16,85,168)
```
#125fba
```
#125fba rgb(18,95,186)
```
#1468cc
```
#1468cc rgb(20,104,204)
```
#1571de
```
#1571de rgb(21,113,222)
```

Shade Color Variation

#1d7ae9
```
#1d7ae9 rgb(29,122,233)
```
#2f85eb
```
#2f85eb rgb(47,133,235)
```
#418fed
```
#418fed rgb(65,143,237)
```
#539aef
```
#539aef rgb(83,154,239)
```
#65a4f0
```
#65a4f0 rgb(101,164,240)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#89baf4
```
#89baf4 rgb(137,186,244)
```
#9bc4f5
```
#9bc4f5 rgb(155,196,245)
```
#adcff7
```
#adcff7 rgb(173,207,247)
```
#bfd9f9
```
#bfd9f9 rgb(191,217,249)
```
#d1e4fb
```
#d1e4fb rgb(209,228,251)
```
#e2eefc
```
#e2eefc rgb(226,238,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b0b4b9 is the less saturated color, while #6caefd is the most saturated one.

#b0b4b9
```
#b0b4b9 rgb(176,180,185)
```
#abb4be
```
#abb4be rgb(171,180,190)
```
#a5b3c4
```
#a5b3c4 rgb(165,179,196)
```
#9fb3ca
```
#9fb3ca rgb(159,179,202)
```
#99b2d0
```
#99b2d0 rgb(153,178,208)
```
#94b2d5
```
#94b2d5 rgb(148,178,213)
```
#8eb1db
```
#8eb1db rgb(142,177,219)
```
#88b1e1
```
#88b1e1 rgb(136,177,225)
```
#82b0e7
```
#82b0e7 rgb(130,176,231)
```
#7db0ec
```
#7db0ec rgb(125,176,236)
```
#77aff2
```
#77aff2 rgb(119,175,242)
```
#71aef8
```
#71aef8 rgb(113,174,248)
```
#6caefd
```
#6caefd rgb(108,174,253)
```

Tone Color Variation

Below, you can see how #77aff2 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.

Monochromacy

#a6a6a6 Achromatopsia 0.005% of the population
#9da8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aadee Protanopia 1% of men
#93aef4 Deuteranopia 1% of men
#6cbbc9 Tritanopia 0.001% of the population

Trichromacy

#8daeef Protanomaly 1% of men, 0.01% of women
#88aef3 Deuteranomaly 6% of men, 0.4% of women
#70b6d8 Tritanomaly 0.01% of the population

#77aff2 hex color

#77aff2 Color Information

#77aff2 Color Conversion

Color Schemes with #77aff2

Alternatives to #77aff2

#77aff2 Preview

Shades and Tints of #77aff2

Tones of #77aff2

Color Blindness Simulator