colorhexa.com

#0776b0 hex color

In a RGB color space, hex #0776b0 is composed of 2.7% red, 46.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 33% magenta, 0% yellow and 31% black. It has a hue angle of 200.6 degrees, a saturation of 92.3% and a lightness of 35.9%. #0776b0 color hex could be obtained by blending #0eecff with #000061. Closest websafe color is: #006699.

- R 3
- G 46
- B 69
RGB color chart
- C 96
- M 33
- Y 0
- K 31
CMYK color chart

● #0776b0 color description : Dark blue.

The hexadecimal color #0776b0 has RGB values of R:7, G:118, B:176 and CMYK values of C:0.96, M:0.33, Y:0, K:0.31. Its decimal value is 489136.

Hex triplet	0776b0	`#0776b0`
RGB Decimal	7, 118, 176	`rgb(7,118,176)`
RGB Percent	2.7, 46.3, 69	`rgb(2.7%,46.3%,69%)`
CMYK	96, 33, 0, 31
HSL	200.6°, 92.3, 35.9	`hsl(200.6,92.3%,35.9%)`
HSV (or HSB)	200.6°, 96, 69
Web Safe	006699	`#006699`

CIE-LAB	47.151, -5.651, -38.337
XYZ	14.401, 16.135, 43.427
xyY	0.195, 0.218, 16.135
CIE-LCH	47.151, 38.752, 261.615
CIE-LUV	47.151, -29.965, -56.894
Hunter-Lab	40.169, -6.303, -35.982
Binary	00000111, 01110110, 10110000

#0776b0
```
#0776b0 rgb(7,118,176)
```
#b04107
```
#b04107 rgb(176,65,7)
```

Complementary Color

#07b096
```
#07b096 rgb(7,176,150)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#0722b0
```
#0722b0 rgb(7,34,176)
```

Analogous Color

#b09607
```
#b09607 rgb(176,150,7)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#b00722
```
#b00722 rgb(176,7,34)
```

Split Complementary Color

#76b007
```
#76b007 rgb(118,176,7)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#b00776
```
#b00776 rgb(176,7,118)
```

Triadic Color

#044566
```
#044566 rgb(4,69,102)
```
#05557f
```
#05557f rgb(5,85,127)
```
#066697
```
#066697 rgb(6,102,151)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#0886c9
```
#0886c9 rgb(8,134,201)
```
#0997e1
```
#0997e1 rgb(9,151,225)
```
#0ea6f5
```
#0ea6f5 rgb(14,166,245)
```

Monochromatic Color

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

#07a0b0
```
#07a0b0 rgb(7,160,176)
```
#0792b0
```
#0792b0 rgb(7,146,176)
```
#0784b0
```
#0784b0 rgb(7,132,176)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#0768b0
```
#0768b0 rgb(7,104,176)
```
#075ab0
```
#075ab0 rgb(7,90,176)
```
#074cb0
```
#074cb0 rgb(7,76,176)
```

Similar Colors

Text with hexadecimal color #0776b0

This text has a font color of #0776b0.

<span style="color:#0776b0;">Text here</span>

#0776b0 background color

This paragraph has a background color of #0776b0.

<p style="background-color:#0776b0;">Content here</p>

#0776b0 border color

This element has a border color of #0776b0.

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

CSS codes

.text {color:#0776b0;}

.background {background-color:#0776b0;}

.border {border:1px solid #0776b0;}

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

#000406
```
#000406 rgb(0,4,6)
```
#011119
```
#011119 rgb(1,17,25)
```
#021d2c
```
#021d2c rgb(2,29,44)
```
#022a3f
```
#022a3f rgb(2,42,63)
```
#033752
```
#033752 rgb(3,55,82)
```
#044365
```
#044365 rgb(4,67,101)
```
#055077
```
#055077 rgb(5,80,119)
```
#055d8a
```
#055d8a rgb(5,93,138)
```
#06699d
```
#06699d rgb(6,105,157)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```
#0883c3
```
#0883c3 rgb(8,131,195)
```
#098fd6
```
#098fd6 rgb(9,143,214)
```
#099ce9
```
#099ce9 rgb(9,156,233)
```

Shade Color Variation

#10a7f5
```
#10a7f5 rgb(16,167,245)
```
#23aef6
```
#23aef6 rgb(35,174,246)
```
#36b5f7
```
#36b5f7 rgb(54,181,247)
```
#49bcf8
```
#49bcf8 rgb(73,188,248)
```
#5bc3f8
```
#5bc3f8 rgb(91,195,248)
```
#6ecaf9
```
#6ecaf9 rgb(110,202,249)
```
#81d1fa
```
#81d1fa rgb(129,209,250)
```
#94d7fb
```
#94d7fb rgb(148,215,251)
```
#a7defb
```
#a7defb rgb(167,222,251)
```
#bae5fc
```
#bae5fc rgb(186,229,252)
```
#cdecfd
```
#cdecfd rgb(205,236,253)
```
#dff3fe
```
#dff3fe rgb(223,243,254)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#5b5c5c
```
#5b5c5c rgb(91,92,92)
```
#545e63
```
#545e63 rgb(84,94,99)
```
#4d606a
```
#4d606a rgb(77,96,106)
```
#466271
```
#466271 rgb(70,98,113)
```
#3f6478
```
#3f6478 rgb(63,100,120)
```
#38677f
```
#38677f rgb(56,103,127)
```
#316986
```
#316986 rgb(49,105,134)
```
#2a6b8d
```
#2a6b8d rgb(42,107,141)
```
#236d94
```
#236d94 rgb(35,109,148)
```
#1c6f9b
```
#1c6f9b rgb(28,111,155)
```
#1572a2
```
#1572a2 rgb(21,114,162)
```
#0e74a9
```
#0e74a9 rgb(14,116,169)
```
#0776b0
```
#0776b0 rgb(7,118,176)
```

Tone Color Variation

Below, you can see how #0776b0 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

#5b5b5b Achromatopsia 0.005% of the population
#4a606c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6175ae Protanopia 1% of men
#4f77b6 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4075ae Protanomaly 1% of men, 0.01% of women
#3576b4 Deuteranomaly 6% of men, 0.4% of women
#027e98 Tritanomaly 0.01% of the population