#7777bb hex color

In a RGB color space, hex #7777bb is composed of 46.7% red, 46.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 36.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 240 degrees, a saturation of 33.3% and a lightness of 60%. #7777bb color hex could be obtained by blending #eeeeff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 47
- G 47
- B 73
RGB color chart
- C 36
- M 36
- Y 0
- K 27
CMYK color chart

● #7777bb color description : Slightly desaturated blue.

The hexadecimal color #7777bb has RGB values of R:119, G:119, B:187 and CMYK values of C:0.36, M:0.36, Y:0, K:0.27. Its decimal value is 7829435.

Hex triplet	7777bb	`#7777bb`
RGB Decimal	119, 119, 187	`rgb(119,119,187)`
RGB Percent	46.7, 46.7, 73.3	`rgb(46.7%,46.7%,73.3%)`
CMYK	36, 36, 0, 27
HSL	240°, 33.3, 60	`hsl(240,33.3%,60%)`
HSV (or HSB)	240°, 36.4, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.623, 16.566, -35.765
XYZ	23.172, 20.703, 49.786
xyY	0.247, 0.221, 20.703
CIE-LCH	52.623, 39.415, 294.854
CIE-LUV	52.623, -4.081, -56.525
Hunter-Lab	45.501, 11.28, -33.024
Binary	01110111, 01110111, 10111011

#7777bb
```
#7777bb rgb(119,119,187)
```
#bbbb77
```
#bbbb77 rgb(187,187,119)
```

Complementary Color

#7799bb
```
#7799bb rgb(119,153,187)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#9977bb
```
#9977bb rgb(153,119,187)
```

Analogous Color

#99bb77
```
#99bb77 rgb(153,187,119)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#bb9977
```
#bb9977 rgb(187,153,119)
```

Split Complementary Color

#77bb77
```
#77bb77 rgb(119,187,119)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#bb7777
```
#bb7777 rgb(187,119,119)
```

Triadic Color

#77bbbb
```
#77bbbb rgb(119,187,187)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#bb7777
```
#bb7777 rgb(187,119,119)
```
#bbbb77
```
#bbbb77 rgb(187,187,119)
```

Tetradic Color

#4d4d99
```
#4d4d99 rgb(77,77,153)
```
#5555aa
```
#5555aa rgb(85,85,170)
```
#6666b3
```
#6666b3 rgb(102,102,179)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#8888c4
```
#8888c4 rgb(136,136,196)
```
#9999cc
```
#9999cc rgb(153,153,204)
```
#aaaad5
```
#aaaad5 rgb(170,170,213)
```

Monochromatic Color

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

#7788bb
```
#7788bb rgb(119,136,187)
```
#7782bb
```
#7782bb rgb(119,130,187)
```
#777dbb
```
#777dbb rgb(119,125,187)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#7d77bb
```
#7d77bb rgb(125,119,187)
```
#8277bb
```
#8277bb rgb(130,119,187)
```
#8877bb
```
#8877bb rgb(136,119,187)
```

Similar Colors

Text with hexadecimal color #7777bb

This text has a font color of #7777bb.

<span style="color:#7777bb;">Text here</span>

#7777bb background color

This paragraph has a background color of #7777bb.

<p style="background-color:#7777bb;">Content here</p>

#7777bb border color

This element has a border color of #7777bb.

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

CSS codes

.text {color:#7777bb;}

.background {background-color:#7777bb;}

.border {border:1px solid #7777bb;}

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0a15
```
#0a0a15 rgb(10,10,21)
```
#111122
```
#111122 rgb(17,17,34)
```
#18182f
```
#18182f rgb(24,24,47)
```
#1e1e3c
```
#1e1e3c rgb(30,30,60)
```
#252549
```
#252549 rgb(37,37,73)
```
#2b2b56
```
#2b2b56 rgb(43,43,86)
```
#323263
```
#323263 rgb(50,50,99)
```
#383870
```
#383870 rgb(56,56,112)
```
#3f3f7e
```
#3f3f7e rgb(63,63,126)
```
#45458b
```
#45458b rgb(69,69,139)
```
#4c4c98
```
#4c4c98 rgb(76,76,152)
```
#5252a5
```
#5252a5 rgb(82,82,165)
```

Shade Color Variation

#5d5dae
```
#5d5dae rgb(93,93,174)
```
#6a6ab4
```
#6a6ab4 rgb(106,106,180)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#8484c2
```
#8484c2 rgb(132,132,194)
```
#9191c8
```
#9191c8 rgb(145,145,200)
```
#9e9ecf
```
#9e9ecf rgb(158,158,207)
```
#ababd5
```
#ababd5 rgb(171,171,213)
```
#b8b8dc
```
#b8b8dc rgb(184,184,220)
```
#c5c5e2
```
#c5c5e2 rgb(197,197,226)
```
#d3d3e9
```
#d3d3e9 rgb(211,211,233)
```
#e0e0ef
```
#e0e0ef rgb(224,224,239)
```
#ededf6
```
#ededf6 rgb(237,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96969c is the less saturated color, while #3838fa is the most saturated one.

#96969c
```
#96969c rgb(150,150,156)
```
#8f8fa3
```
#8f8fa3 rgb(143,143,163)
```
#8787ab
```
#8787ab rgb(135,135,171)
```
#7f7fb3
```
#7f7fb3 rgb(127,127,179)
```
#7777bb
```
#7777bb rgb(119,119,187)
```
#6f6fc3
```
#6f6fc3 rgb(111,111,195)
```
#6767cb
```
#6767cb rgb(103,103,203)
```
#5f5fd3
```
#5f5fd3 rgb(95,95,211)
```
#5858da
```
#5858da rgb(88,88,218)
```
#5050e2
```
#5050e2 rgb(80,80,226)
```
#4848ea
```
#4848ea rgb(72,72,234)
```
#4040f2
```
#4040f2 rgb(64,64,242)
```
#3838fa
```
#3838fa rgb(56,56,250)
```

Tone Color Variation

Below, you can see how #7777bb 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

#7f7f7f Achromatopsia 0.005% of the population
#7d7d8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c82c1 Protanopia 1% of men
#6a83bc Deuteranopia 1% of men
#718791 Tritanopia 0.001% of the population

Trichromacy

#707ebf Protanomaly 1% of men, 0.01% of women
#6e7fbb Deuteranomaly 6% of men, 0.4% of women
#7381a0 Tritanomaly 0.01% of the population

#7777bb hex color

#7777bb Color Information

#7777bb Color Conversion

Color Schemes with #7777bb

Alternatives to #7777bb

#7777bb Preview

Shades and Tints of #7777bb

Tones of #7777bb

Color Blindness Simulator