colorhexa.com

#777be5 hex color

In a RGB color space, hex #777be5 is composed of 46.7% red, 48.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 46.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 237.8 degrees, a saturation of 67.9% and a lightness of 68.2%. #777be5 color hex could be obtained by blending #eef6ff with #0000cb. Closest websafe color is: #6666cc.

- R 47
- G 48
- B 90
RGB color chart
- C 48
- M 46
- Y 0
- K 10
CMYK color chart

● #777be5 color description : Soft blue.

The hexadecimal color #777be5 has RGB values of R:119, G:123, B:229 and CMYK values of C:0.48, M:0.46, Y:0, K:0.1. Its decimal value is 7830501.

Hex triplet	777be5	`#777be5`
RGB Decimal	119, 123, 229	`rgb(119,123,229)`
RGB Percent	46.7, 48.2, 89.8	`rgb(46.7%,48.2%,89.8%)`
CMYK	48, 46, 0, 10
HSL	237.8°, 67.9, 68.2	`hsl(237.8,67.9%,68.2%)`
HSV (or HSB)	237.8°, 48, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.831, 26.336, -54.485
XYZ	28.831, 23.744, 77.188
xyY	0.222, 0.183, 23.744
CIE-LCH	55.831, 60.516, 295.797
CIE-LUV	55.831, -7.836, -88.358
Hunter-Lab	48.728, 20.339, -59.81
Binary	01110111, 01111011, 11100101

#777be5
```
#777be5 rgb(119,123,229)
```
#e5e177
```
#e5e177 rgb(229,225,119)
```

Complementary Color

#77b2e5
```
#77b2e5 rgb(119,178,229)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#aa77e5
```
#aa77e5 rgb(170,119,229)
```

Analogous Color

#b2e577
```
#b2e577 rgb(178,229,119)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#e5aa77
```
#e5aa77 rgb(229,170,119)
```

Split Complementary Color

#7be577
```
#7be577 rgb(123,229,119)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#e5777b
```
#e5777b rgb(229,119,123)
```

Triadic Color

#77e5e1
```
#77e5e1 rgb(119,229,225)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#e5777b
```
#e5777b rgb(229,119,123)
```
#e5e177
```
#e5e177 rgb(229,225,119)
```

Tetradic Color

#373dd9
```
#373dd9 rgb(55,61,217)
```
#4c51dd
```
#4c51dd rgb(76,81,221)
```
#6266e1
```
#6266e1 rgb(98,102,225)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#8c90e9
```
#8c90e9 rgb(140,144,233)
```
#a2a5ed
```
#a2a5ed rgb(162,165,237)
```
#b7b9f1
```
#b7b9f1 rgb(183,185,241)
```

Monochromatic Color

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

#7797e5
```
#7797e5 rgb(119,151,229)
```
#778de5
```
#778de5 rgb(119,141,229)
```
#7784e5
```
#7784e5 rgb(119,132,229)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#7c77e5
```
#7c77e5 rgb(124,119,229)
```
#8577e5
```
#8577e5 rgb(133,119,229)
```
#8f77e5
```
#8f77e5 rgb(143,119,229)
```

Similar Colors

Text with hexadecimal color #777be5

This text has a font color of #777be5.

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

#777be5 background color

This paragraph has a background color of #777be5.

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

#777be5 border color

This element has a border color of #777be5.

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

CSS codes

.text {color:#777be5;}

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

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

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, #02030c is the darkest color, while #fbfbfe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#05061d
```
#05061d rgb(5,6,29)
```
#090a2d
```
#090a2d rgb(9,10,45)
```
#0c0e3e
```
#0c0e3e rgb(12,14,62)
```
#0f114e
```
#0f114e rgb(15,17,78)
```
#12155f
```
#12155f rgb(18,21,95)
```
#15186f
```
#15186f rgb(21,24,111)
```
#181c7f
```
#181c7f rgb(24,28,127)
```
#1c2090
```
#1c2090 rgb(28,32,144)
```
#1f23a0
```
#1f23a0 rgb(31,35,160)
```
#2227b1
```
#2227b1 rgb(34,39,177)
```
#252bc1
```
#252bc1 rgb(37,43,193)
```
#282ed2
```
#282ed2 rgb(40,46,210)
```

Shade Color Variation

#353bd8
```
#353bd8 rgb(53,59,216)
```
#464bdc
```
#464bdc rgb(70,75,220)
```
#565bdf
```
#565bdf rgb(86,91,223)
```
#676be2
```
#676be2 rgb(103,107,226)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#878be8
```
#878be8 rgb(135,139,232)
```
#989beb
```
#989beb rgb(152,155,235)
```
#a8abee
```
#a8abee rgb(168,171,238)
```
#b9bbf2
```
#b9bbf2 rgb(185,187,242)
```
#c9cbf5
```
#c9cbf5 rgb(201,203,245)
```
#dadbf8
```
#dadbf8 rgb(218,219,248)
```
#eaebfb
```
#eaebfb rgb(234,235,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#a9a9b3
```
#a9a9b3 rgb(169,169,179)
```
#a3a3b9
```
#a3a3b9 rgb(163,163,185)
```
#9c9ec0
```
#9c9ec0 rgb(156,158,192)
```
#9698c6
```
#9698c6 rgb(150,152,198)
```
#9092cc
```
#9092cc rgb(144,146,204)
```
#8a8cd2
```
#8a8cd2 rgb(138,140,210)
```
#8387d9
```
#8387d9 rgb(131,135,217)
```
#7d81df
```
#7d81df rgb(125,129,223)
```
#777be5
```
#777be5 rgb(119,123,229)
```
#7175eb
```
#7175eb rgb(113,117,235)
```
#6b6ff1
```
#6b6ff1 rgb(107,111,241)
```
#646af8
```
#646af8 rgb(100,106,248)
```
#5e64fe
```
#5e64fe rgb(94,100,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#838499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5888ec Protanopia 1% of men
#478de1 Deuteranopia 1% of men
#62939e Tritanopia 0.001% of the population

Trichromacy

#6383e9 Protanomaly 1% of men, 0.01% of women
#5886e2 Deuteranomaly 6% of men, 0.4% of women
#6a8ab8 Tritanomaly 0.01% of the population