#077bb2 hex color

In a RGB color space, hex #077bb2 is composed of 2.7% red, 48.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 96.1% cyan, 30.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 199.3 degrees, a saturation of 92.4% and a lightness of 36.3%. #077bb2 color hex could be obtained by blending #0ef6ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 3
- G 48
- B 70
RGB color chart
- C 96
- M 31
- Y 0
- K 30
CMYK color chart

● #077bb2 color description : Dark blue.

The hexadecimal color #077bb2 has RGB values of R:7, G:123, B:178 and CMYK values of C:0.96, M:0.31, Y:0, K:0.3. Its decimal value is 490418.

Hex triplet	077bb2	`#077bb2`
RGB Decimal	7, 123, 178	`rgb(7,123,178)`
RGB Percent	2.7, 48.2, 69.8	`rgb(2.7%,48.2%,69.8%)`
CMYK	96, 31, 0, 30
HSL	199.3°, 92.4, 36.3	`hsl(199.3,92.4%,36.3%)`
HSV (or HSB)	199.3°, 96.1, 69.8
Web Safe	006699	`#006699`

CIE-LAB	48.79, -7.843, -36.913
XYZ	15.204, 17.424, 44.679
xyY	0.197, 0.225, 17.424
CIE-LCH	48.79, 37.737, 258.004
CIE-LUV	48.79, -31.536, -54.812
Hunter-Lab	41.742, -8.03, -34.242
Binary	00000111, 01111011, 10110010

#077bb2
```
#077bb2 rgb(7,123,178)
```
#b23e07
```
#b23e07 rgb(178,62,7)
```

Complementary Color

#07b294
```
#07b294 rgb(7,178,148)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#0726b2
```
#0726b2 rgb(7,38,178)
```

Analogous Color

#b29407
```
#b29407 rgb(178,148,7)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#b20726
```
#b20726 rgb(178,7,38)
```

Split Complementary Color

#7bb207
```
#7bb207 rgb(123,178,7)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#b2077b
```
#b2077b rgb(178,7,123)
```

Triadic Color

#07b23e
```
#07b23e rgb(7,178,62)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#b2077b
```
#b2077b rgb(178,7,123)
```
#b23e07
```
#b23e07 rgb(178,62,7)
```

Tetradic Color

#044868
```
#044868 rgb(4,72,104)
```
#055981
```
#055981 rgb(5,89,129)
```
#066a99
```
#066a99 rgb(6,106,153)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#088ccb
```
#088ccb rgb(8,140,203)
```
#099de3
```
#099de3 rgb(9,157,227)
```
#10acf6
```
#10acf6 rgb(16,172,246)
```

Monochromatic Color

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

#07a6b2
```
#07a6b2 rgb(7,166,178)
```
#0798b2
```
#0798b2 rgb(7,152,178)
```
#0789b2
```
#0789b2 rgb(7,137,178)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#076db2
```
#076db2 rgb(7,109,178)
```
#075fb2
```
#075fb2 rgb(7,95,178)
```
#0750b2
```
#0750b2 rgb(7,80,178)
```

Similar Colors

Text with hexadecimal color #077bb2

This text has a font color of #077bb2.

<span style="color:#077bb2;">Text here</span>

#077bb2 background color

This paragraph has a background color of #077bb2.

<p style="background-color:#077bb2;">Content here</p>

#077bb2 border color

This element has a border color of #077bb2.

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

CSS codes

.text {color:#077bb2;}

.background {background-color:#077bb2;}

.border {border:1px solid #077bb2;}

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

#000608
```
#000608 rgb(0,6,8)
```
#01131b
```
#01131b rgb(1,19,27)
```
#02202e
```
#02202e rgb(2,32,46)
```
#032d41
```
#032d41 rgb(3,45,65)
```
#033a54
```
#033a54 rgb(3,58,84)
```
#044767
```
#044767 rgb(4,71,103)
```
#055479
```
#055479 rgb(5,84,121)
```
#06618c
```
#06618c rgb(6,97,140)
```
#066e9f
```
#066e9f rgb(6,110,159)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```
#0888c5
```
#0888c5 rgb(8,136,197)
```
#0895d8
```
#0895d8 rgb(8,149,216)
```
#09a2eb
```
#09a2eb rgb(9,162,235)
```

Shade Color Variation

#12acf6
```
#12acf6 rgb(18,172,246)
```
#25b3f6
```
#25b3f6 rgb(37,179,246)
```
#38baf7
```
#38baf7 rgb(56,186,247)
```
#4ac0f8
```
#4ac0f8 rgb(74,192,248)
```
#5dc7f9
```
#5dc7f9 rgb(93,199,249)
```
#70cdf9
```
#70cdf9 rgb(112,205,249)
```
#83d4fa
```
#83d4fa rgb(131,212,250)
```
#96dafb
```
#96dafb rgb(150,218,251)
```
#a9e1fc
```
#a9e1fc rgb(169,225,252)
```
#bce8fc
```
#bce8fc rgb(188,232,252)
```
#cfeefd
```
#cfeefd rgb(207,238,253)
```
#e1f5fe
```
#e1f5fe rgb(225,245,254)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#5c5d5d
```
#5c5d5d rgb(92,93,93)
```
#555f64
```
#555f64 rgb(85,95,100)
```
#4e626b
```
#4e626b rgb(78,98,107)
```
#476472
```
#476472 rgb(71,100,114)
```
#406779
```
#406779 rgb(64,103,121)
```
#396980
```
#396980 rgb(57,105,128)
```
#326c87
```
#326c87 rgb(50,108,135)
```
#2b6e8e
```
#2b6e8e rgb(43,110,142)
```
#237196
```
#237196 rgb(35,113,150)
```
#1c739d
```
#1c739d rgb(28,115,157)
```
#1576a4
```
#1576a4 rgb(21,118,164)
```
#0e78ab
```
#0e78ab rgb(14,120,171)
```
#077bb2
```
#077bb2 rgb(7,123,178)
```

Tone Color Variation

Below, you can see how #077bb2 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

#5f5f5f Achromatopsia 0.005% of the population
#4d6570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6779af Protanopia 1% of men
#577bb8 Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#4479b0 Protanomaly 1% of men, 0.01% of women
#3a7bb6 Deuteranomaly 6% of men, 0.4% of women
#02829c Tritanomaly 0.01% of the population

#077bb2 hex color

#077bb2 Color Information

#077bb2 Color Conversion

Color Schemes with #077bb2

Alternatives to #077bb2

#077bb2 Preview

Shades and Tints of #077bb2

Tones of #077bb2

Color Blindness Simulator