#0077bc hex color

In a RGB color space, hex #0077bc is composed of 0% red, 46.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 36.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 202 degrees, a saturation of 100% and a lightness of 36.9%. #0077bc color hex could be obtained by blending #00eeff with #000079. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 47
- B 74
RGB color chart
- C 100
- M 37
- Y 0
- K 26
CMYK color chart

● #0077bc color description : Strong blue.

The hexadecimal color #0077bc has RGB values of R:0, G:119, B:188 and CMYK values of C:1, M:0.37, Y:0, K:0.26. Its decimal value is 30652.

Hex triplet	0077bc	`#0077bc`
RGB Decimal	0, 119, 188	`rgb(0,119,188)`
RGB Percent	0, 46.7, 73.7	`rgb(0%,46.7%,73.7%)`
CMYK	100, 37, 0, 26
HSL	202°, 100, 36.9	`hsl(202,100%,36.9%)`
HSV (or HSB)	202°, 100, 73.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.036, -1.842, -43.888
XYZ	15.672, 16.823, 49.995
xyY	0.19, 0.204, 16.823
CIE-LCH	48.036, 43.927, 267.596
CIE-LUV	48.036, -29.895, -66.27
Hunter-Lab	41.016, -3.575, -43.559
Binary	00000000, 01110111, 10111100

#0077bc
```
#0077bc rgb(0,119,188)
```
#bc4500
```
#bc4500 rgb(188,69,0)
```

Complementary Color

#00bca3
```
#00bca3 rgb(0,188,163)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#0019bc
```
#0019bc rgb(0,25,188)
```

Analogous Color

#bca300
```
#bca300 rgb(188,163,0)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#bc0019
```
#bc0019 rgb(188,0,25)
```

Split Complementary Color

#77bc00
```
#77bc00 rgb(119,188,0)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#bc0077
```
#bc0077 rgb(188,0,119)
```

Triadic Color

#00bc45
```
#00bc45 rgb(0,188,69)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#bc0077
```
#bc0077 rgb(188,0,119)
```
#bc4500
```
#bc4500 rgb(188,69,0)
```

Tetradic Color

#004770
```
#004770 rgb(0,71,112)
```
#005789
```
#005789 rgb(0,87,137)
```
#0067a3
```
#0067a3 rgb(0,103,163)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#0087d6
```
#0087d6 rgb(0,135,214)
```
#0097ef
```
#0097ef rgb(0,151,239)
```
#0aa5ff
```
#0aa5ff rgb(10,165,255)
```

Monochromatic Color

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

#00a6bc
```
#00a6bc rgb(0,166,188)
```
#0096bc
```
#0096bc rgb(0,150,188)
```
#0087bc
```
#0087bc rgb(0,135,188)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#0067bc
```
#0067bc rgb(0,103,188)
```
#0058bc
```
#0058bc rgb(0,88,188)
```
#0048bc
```
#0048bc rgb(0,72,188)
```

Similar Colors

Text with hexadecimal color #0077bc

This text has a font color of #0077bc.

<span style="color:#0077bc;">Text here</span>

#0077bc background color

This paragraph has a background color of #0077bc.

<p style="background-color:#0077bc;">Content here</p>

#0077bc border color

This element has a border color of #0077bc.

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

CSS codes

.text {color:#0077bc;}

.background {background-color:#0077bc;}

.border {border:1px solid #0077bc;}

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, #00070b is the darkest color, while #f7fcff is the lightest one.

#00070b
```
#00070b rgb(0,7,11)
```
#00141f
```
#00141f rgb(0,20,31)
```
#002033
```
#002033 rgb(0,32,51)
```
#002d46
```
#002d46 rgb(0,45,70)
```
#00395a
```
#00395a rgb(0,57,90)
```
#00456e
```
#00456e rgb(0,69,110)
```
#005281
```
#005281 rgb(0,82,129)
```
#005e95
```
#005e95 rgb(0,94,149)
```
#006ba8
```
#006ba8 rgb(0,107,168)
```
#0077bc
```
#0077bc rgb(0,119,188)
```
#0083d0
```
#0083d0 rgb(0,131,208)
```
#0090e3
```
#0090e3 rgb(0,144,227)
```
#009cf7
```
#009cf7 rgb(0,156,247)
```

Shade Color Variation

#0ba6ff
```
#0ba6ff rgb(11,166,255)
```
#1fadff
```
#1fadff rgb(31,173,255)
```
#33b4ff
```
#33b4ff rgb(51,180,255)
```
#46bbff
```
#46bbff rgb(70,187,255)
```
#5ac2ff
```
#5ac2ff rgb(90,194,255)
```
#6ecaff
```
#6ecaff rgb(110,202,255)
```
#81d1ff
```
#81d1ff rgb(129,209,255)
```
#95d8ff
```
#95d8ff rgb(149,216,255)
```
#a8dfff
```
#a8dfff rgb(168,223,255)
```
#bce6ff
```
#bce6ff rgb(188,230,255)
```
#d0eeff
```
#d0eeff rgb(208,238,255)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#576065
```
#576065 rgb(87,96,101)
```
#50626c
```
#50626c rgb(80,98,108)
```
#486474
```
#486474 rgb(72,100,116)
```
#41667b
```
#41667b rgb(65,102,123)
```
#3a6882
```
#3a6882 rgb(58,104,130)
```
#336a89
```
#336a89 rgb(51,106,137)
```
#2b6b91
```
#2b6b91 rgb(43,107,145)
```
#246d98
```
#246d98 rgb(36,109,152)
```
#1d6f9f
```
#1d6f9f rgb(29,111,159)
```
#1671a6
```
#1671a6 rgb(22,113,166)
```
#0e73ae
```
#0e73ae rgb(14,115,174)
```
#0775b5
```
#0775b5 rgb(7,117,181)
```
#0077bc
```
#0077bc rgb(0,119,188)
```

Tone Color Variation

Below, you can see how #0077bc 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
#49616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d77b9 Protanopia 1% of men
#437ac1 Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#3b77ba Protanomaly 1% of men, 0.01% of women
#2a79bf Deuteranomaly 6% of men, 0.4% of women
#00809e Tritanomaly 0.01% of the population

#0077bc hex color

#0077bc Color Information

#0077bc Color Conversion

Color Schemes with #0077bc

Alternatives to #0077bc

#0077bc Preview

Shades and Tints of #0077bc

Tones of #0077bc

Color Blindness Simulator