#777bde hex color

In a RGB color space, hex #777bde is composed of 46.7% red, 48.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 44.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 237.7 degrees, a saturation of 60.9% and a lightness of 66.9%. #777bde color hex could be obtained by blending #eef6ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 47
- G 48
- B 87
RGB color chart
- C 46
- M 45
- Y 0
- K 13
CMYK color chart

● #777bde color description : Soft blue.

The hexadecimal color #777bde has RGB values of R:119, G:123, B:222 and CMYK values of C:0.46, M:0.45, Y:0, K:0.13. Its decimal value is 7830494.

Hex triplet	777bde	`#777bde`
RGB Decimal	119, 123, 222	`rgb(119,123,222)`
RGB Percent	46.7, 48.2, 87.1	`rgb(46.7%,48.2%,87.1%)`
CMYK	46, 45, 0, 13
HSL	237.7°, 60.9, 66.9	`hsl(237.7,60.9%,66.9%)`
HSV (or HSB)	237.7°, 46.4, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.442, 24.248, -51.182
XYZ	27.873, 23.361, 72.144
xyY	0.226, 0.189, 23.361
CIE-LCH	55.442, 56.636, 295.35
CIE-LUV	55.442, -7.474, -82.749
Hunter-Lab	48.333, 18.355, -54.665
Binary	01110111, 01111011, 11011110

#777bde
```
#777bde rgb(119,123,222)
```
#deda77
```
#deda77 rgb(222,218,119)
```

Complementary Color

#77afde
```
#77afde rgb(119,175,222)
```
#777bde
```
#777bde rgb(119,123,222)
```
#a777de
```
#a777de rgb(167,119,222)
```

Analogous Color

#afde77
```
#afde77 rgb(175,222,119)
```
#777bde
```
#777bde rgb(119,123,222)
```
#dea777
```
#dea777 rgb(222,167,119)
```

Split Complementary Color

#7bde77
```
#7bde77 rgb(123,222,119)
```
#777bde
```
#777bde rgb(119,123,222)
```
#de777b
```
#de777b rgb(222,119,123)
```

Triadic Color

#77deda
```
#77deda rgb(119,222,218)
```
#777bde
```
#777bde rgb(119,123,222)
```
#de777b
```
#de777b rgb(222,119,123)
```
#deda77
```
#deda77 rgb(222,218,119)
```

Tetradic Color

#393fcf
```
#393fcf rgb(57,63,207)
```
#4e53d4
```
#4e53d4 rgb(78,83,212)
```
#6267d9
```
#6267d9 rgb(98,103,217)
```
#777bde
```
#777bde rgb(119,123,222)
```
#8c8fe3
```
#8c8fe3 rgb(140,143,227)
```
#a0a3e8
```
#a0a3e8 rgb(160,163,232)
```
#b5b7ed
```
#b5b7ed rgb(181,183,237)
```

Monochromatic Color

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

#7795de
```
#7795de rgb(119,149,222)
```
#778cde
```
#778cde rgb(119,140,222)
```
#7784de
```
#7784de rgb(119,132,222)
```
#777bde
```
#777bde rgb(119,123,222)
```
#7c77de
```
#7c77de rgb(124,119,222)
```
#8477de
```
#8477de rgb(132,119,222)
```
#8d77de
```
#8d77de rgb(141,119,222)
```

Similar Colors

Text with hexadecimal color #777bde

This text has a font color of #777bde.

<span style="color:#777bde;">Text here</span>

#777bde background color

This paragraph has a background color of #777bde.

<p style="background-color:#777bde;">Content here</p>

#777bde border color

This element has a border color of #777bde.

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

CSS codes

.text {color:#777bde;}

.background {background-color:#777bde;}

.border {border:1px solid #777bde;}

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

#010206
```
#010206 rgb(1,2,6)
```
#050616
```
#050616 rgb(5,6,22)
```
#090a26
```
#090a26 rgb(9,10,38)
```
#0d0f35
```
#0d0f35 rgb(13,15,53)
```
#111345
```
#111345 rgb(17,19,69)
```
#151755
```
#151755 rgb(21,23,85)
```
#181b65
```
#181b65 rgb(24,27,101)
```
#1c2075
```
#1c2075 rgb(28,32,117)
```
#202484
```
#202484 rgb(32,36,132)
```
#242894
```
#242894 rgb(36,40,148)
```
#282da4
```
#282da4 rgb(40,45,164)
```
#2c31b4
```
#2c31b4 rgb(44,49,180)
```
#2f35c3
```
#2f35c3 rgb(47,53,195)
```

Shade Color Variation

#383ecf
```
#383ecf rgb(56,62,207)
```
#484dd3
```
#484dd3 rgb(72,77,211)
```
#575cd6
```
#575cd6 rgb(87,92,214)
```
#676cda
```
#676cda rgb(103,108,218)
```
#777bde
```
#777bde rgb(119,123,222)
```
#878ae2
```
#878ae2 rgb(135,138,226)
```
#979ae6
```
#979ae6 rgb(151,154,230)
```
#a6a9e9
```
#a6a9e9 rgb(166,169,233)
```
#b6b8ed
```
#b6b8ed rgb(182,184,237)
```
#c6c8f1
```
#c6c8f1 rgb(198,200,241)
```
#d6d7f5
```
#d6d7f5 rgb(214,215,245)
```
#e5e6f9
```
#e5e6f9 rgb(229,230,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#a5a5b1
```
#a5a5b1 rgb(165,165,177)
```
#9e9fb7
```
#9e9fb7 rgb(158,159,183)
```
#9899be
```
#9899be rgb(152,153,190)
```
#9193c4
```
#9193c4 rgb(145,147,196)
```
#8b8dcb
```
#8b8dcb rgb(139,141,203)
```
#8487d1
```
#8487d1 rgb(132,135,209)
```
#7e81d8
```
#7e81d8 rgb(126,129,216)
```
#777bde
```
#777bde rgb(119,123,222)
```
#7175e5
```
#7175e5 rgb(113,117,229)
```
#6a6feb
```
#6a6feb rgb(106,111,235)
```
#6469f2
```
#6469f2 rgb(100,105,242)
```
#5d63f8
```
#5d63f8 rgb(93,99,248)
```
#575dff
```
#575dff rgb(87,93,255)
```

Tone Color Variation

Below, you can see how #777bde 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

#858585 Achromatopsia 0.005% of the population
#828397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d88e4 Protanopia 1% of men
#508cdb Deuteranopia 1% of men
#65929c Tritanopia 0.001% of the population

Trichromacy

#6783e2 Protanomaly 1% of men, 0.01% of women
#5e85dc Deuteranomaly 6% of men, 0.4% of women
#6c89b4 Tritanomaly 0.01% of the population

#777bde hex color

#777bde Color Information

#777bde Color Conversion

Color Schemes with #777bde

Alternatives to #777bde

#777bde Preview

Shades and Tints of #777bde

Tones of #777bde

Color Blindness Simulator