#777bdf hex color

In a RGB color space, hex #777bdf is composed of 46.7% red, 48.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 44.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 237.7 degrees, a saturation of 61.9% and a lightness of 67.1%. #777bdf color hex could be obtained by blending #eef6ff with #0000bf. Closest websafe color is: #6666cc.

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

● #777bdf color description : Soft blue.

The hexadecimal color #777bdf has RGB values of R:119, G:123, B:223 and CMYK values of C:0.47, M:0.45, Y:0, K:0.13. Its decimal value is 7830495.

Hex triplet	777bdf	`#777bdf`
RGB Decimal	119, 123, 223	`rgb(119,123,223)`
RGB Percent	46.7, 48.2, 87.5	`rgb(46.7%,48.2%,87.5%)`
CMYK	47, 45, 0, 13
HSL	237.7°, 61.9, 67.1	`hsl(237.7,61.9%,67.1%)`
HSV (or HSB)	237.7°, 46.6, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.497, 24.545, -51.656
XYZ	28.007, 23.415, 72.852
xyY	0.225, 0.188, 23.415
CIE-LCH	55.497, 57.191, 295.415
CIE-LUV	55.497, -7.526, -83.555
Hunter-Lab	48.389, 18.635, -55.392
Binary	01110111, 01111011, 11011111

#777bdf
```
#777bdf rgb(119,123,223)
```
#dfdb77
```
#dfdb77 rgb(223,219,119)
```

Complementary Color

#77afdf
```
#77afdf rgb(119,175,223)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#a777df
```
#a777df rgb(167,119,223)
```

Analogous Color

#afdf77
```
#afdf77 rgb(175,223,119)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#dfa777
```
#dfa777 rgb(223,167,119)
```

Split Complementary Color

#7bdf77
```
#7bdf77 rgb(123,223,119)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#df777b
```
#df777b rgb(223,119,123)
```

Triadic Color

#77dfdb
```
#77dfdb rgb(119,223,219)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#df777b
```
#df777b rgb(223,119,123)
```
#dfdb77
```
#dfdb77 rgb(223,219,119)
```

Tetradic Color

#393fd0
```
#393fd0 rgb(57,63,208)
```
#4e53d5
```
#4e53d5 rgb(78,83,213)
```
#6267da
```
#6267da rgb(98,103,218)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#8c8fe4
```
#8c8fe4 rgb(140,143,228)
```
#a0a3e9
```
#a0a3e9 rgb(160,163,233)
```
#b5b7ee
```
#b5b7ee rgb(181,183,238)
```

Monochromatic Color

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

#7795df
```
#7795df rgb(119,149,223)
```
#778cdf
```
#778cdf rgb(119,140,223)
```
#7784df
```
#7784df rgb(119,132,223)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#7c77df
```
#7c77df rgb(124,119,223)
```
#8477df
```
#8477df rgb(132,119,223)
```
#8d77df
```
#8d77df rgb(141,119,223)
```

Similar Colors

Text with hexadecimal color #777bdf

This text has a font color of #777bdf.

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

#777bdf background color

This paragraph has a background color of #777bdf.

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

#777bdf border color

This element has a border color of #777bdf.

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

CSS codes

.text {color:#777bdf;}

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

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

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

#020207
```
#020207 rgb(2,2,7)
```
#050617
```
#050617 rgb(5,6,23)
```
#090a27
```
#090a27 rgb(9,10,39)
```
#0d0e37
```
#0d0e37 rgb(13,14,55)
```
#111346
```
#111346 rgb(17,19,70)
```
#141756
```
#141756 rgb(20,23,86)
```
#181b66
```
#181b66 rgb(24,27,102)
```
#1c1f76
```
#1c1f76 rgb(28,31,118)
```
#202386
```
#202386 rgb(32,35,134)
```
#232896
```
#232896 rgb(35,40,150)
```
#272ca6
```
#272ca6 rgb(39,44,166)
```
#2b30b6
```
#2b30b6 rgb(43,48,182)
```
#2e34c5
```
#2e34c5 rgb(46,52,197)
```

Shade Color Variation

#373dd0
```
#373dd0 rgb(55,61,208)
```
#474dd4
```
#474dd4 rgb(71,77,212)
```
#575cd8
```
#575cd8 rgb(87,92,216)
```
#676cdb
```
#676cdb rgb(103,108,219)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#878ae3
```
#878ae3 rgb(135,138,227)
```
#979ae6
```
#979ae6 rgb(151,154,230)
```
#a7a9ea
```
#a7a9ea rgb(167,169,234)
```
#b7b9ee
```
#b7b9ee rgb(183,185,238)
```
#c6c8f2
```
#c6c8f2 rgb(198,200,242)
```
#d6d7f5
```
#d6d7f5 rgb(214,215,245)
```
#e6e7f9
```
#e6e7f9 rgb(230,231,249)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#ababab
```
#ababab rgb(171,171,171)
```
#a4a5b2
```
#a4a5b2 rgb(164,165,178)
```
#9e9fb8
```
#9e9fb8 rgb(158,159,184)
```
#9799bf
```
#9799bf rgb(151,153,191)
```
#9193c5
```
#9193c5 rgb(145,147,197)
```
#8a8dcc
```
#8a8dcc rgb(138,141,204)
```
#8487d2
```
#8487d2 rgb(132,135,210)
```
#7d81d9
```
#7d81d9 rgb(125,129,217)
```
#777bdf
```
#777bdf rgb(119,123,223)
```
#7175e5
```
#7175e5 rgb(113,117,229)
```
#6a6fec
```
#6a6fec rgb(106,111,236)
```
#6469f2
```
#6469f2 rgb(100,105,242)
```
#5d63f9
```
#5d63f9 rgb(93,99,249)
```

Tone Color Variation

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

#5d88e5 Protanopia 1% of men
#4f8cdc Deuteranopia 1% of men
#65929c Tritanopia 0.001% of the population

Trichromacy

#6683e3 Protanomaly 1% of men, 0.01% of women
#5d85dd Deuteranomaly 6% of men, 0.4% of women
#6b89b4 Tritanomaly 0.01% of the population

#777bdf hex color

#777bdf Color Information

#777bdf Color Conversion

Color Schemes with #777bdf

Alternatives to #777bdf

#777bdf Preview

Shades and Tints of #777bdf

Tones of #777bdf

Color Blindness Simulator