#0078bc hex color

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

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

● #0078bc color description : Strong blue.

The hexadecimal color #0078bc has RGB values of R:0, G:120, B:188 and CMYK values of C:1, M:0.36, Y:0, K:0.26. Its decimal value is 30908.

Hex triplet	0078bc	`#0078bc`
RGB Decimal	0, 120, 188	`rgb(0,120,188)`
RGB Percent	0, 47.1, 73.7	`rgb(0%,47.1%,73.7%)`
CMYK	100, 36, 0, 26
HSL	201.7°, 100, 36.9	`hsl(201.7,100%,36.9%)`
HSV (or HSB)	201.7°, 100, 73.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.338, -2.449, -43.408
XYZ	15.791, 17.062, 50.035
xyY	0.191, 0.206, 17.062
CIE-LCH	48.338, 43.477, 266.771
CIE-LUV	48.338, -30.225, -65.544
Hunter-Lab	41.306, -4.046, -42.904
Binary	00000000, 01111000, 10111100

#0078bc
```
#0078bc rgb(0,120,188)
```
#bc4400
```
#bc4400 rgb(188,68,0)
```

Complementary Color

#00bca2
```
#00bca2 rgb(0,188,162)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#001abc
```
#001abc rgb(0,26,188)
```

Analogous Color

#bca200
```
#bca200 rgb(188,162,0)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#bc001a
```
#bc001a rgb(188,0,26)
```

Split Complementary Color

#78bc00
```
#78bc00 rgb(120,188,0)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#bc0078
```
#bc0078 rgb(188,0,120)
```

Triadic Color

#00bc44
```
#00bc44 rgb(0,188,68)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#bc0078
```
#bc0078 rgb(188,0,120)
```
#bc4400
```
#bc4400 rgb(188,68,0)
```

Tetradic Color

#004770
```
#004770 rgb(0,71,112)
```
#005789
```
#005789 rgb(0,87,137)
```
#0068a3
```
#0068a3 rgb(0,104,163)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#0088d6
```
#0088d6 rgb(0,136,214)
```
#0099ef
```
#0099ef rgb(0,153,239)
```
#0aa6ff
```
#0aa6ff rgb(10,166,255)
```

Monochromatic Color

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

#00a7bc
```
#00a7bc rgb(0,167,188)
```
#0097bc
```
#0097bc rgb(0,151,188)
```
#0088bc
```
#0088bc rgb(0,136,188)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#0068bc
```
#0068bc rgb(0,104,188)
```
#0059bc
```
#0059bc rgb(0,89,188)
```
#0049bc
```
#0049bc rgb(0,73,188)
```

Similar Colors

Text with hexadecimal color #0078bc

This text has a font color of #0078bc.

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

#0078bc background color

This paragraph has a background color of #0078bc.

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

#0078bc border color

This element has a border color of #0078bc.

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

CSS codes

.text {color:#0078bc;}

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

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

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)
```
#00466e
```
#00466e rgb(0,70,110)
```
#005281
```
#005281 rgb(0,82,129)
```
#005f95
```
#005f95 rgb(0,95,149)
```
#006ba8
```
#006ba8 rgb(0,107,168)
```
#0078bc
```
#0078bc rgb(0,120,188)
```
#0085d0
```
#0085d0 rgb(0,133,208)
```
#0091e3
```
#0091e3 rgb(0,145,227)
```
#009ef7
```
#009ef7 rgb(0,158,247)
```

Shade Color Variation

#0ba7ff
```
#0ba7ff rgb(11,167,255)
```
#1faeff
```
#1faeff rgb(31,174,255)
```
#33b5ff
```
#33b5ff rgb(51,181,255)
```
#46bcff
```
#46bcff rgb(70,188,255)
```
#5ac3ff
```
#5ac3ff rgb(90,195,255)
```
#6ecaff
```
#6ecaff rgb(110,202,255)
```
#81d1ff
```
#81d1ff rgb(129,209,255)
```
#95d9ff
```
#95d9ff rgb(149,217,255)
```
#a8e0ff
```
#a8e0ff rgb(168,224,255)
```
#bce7ff
```
#bce7ff rgb(188,231,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 #0078bc 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)
```
#2b6c91
```
#2b6c91 rgb(43,108,145)
```
#246e98
```
#246e98 rgb(36,110,152)
```
#1d709f
```
#1d709f rgb(29,112,159)
```
#1672a6
```
#1672a6 rgb(22,114,166)
```
#0e74ae
```
#0e74ae rgb(14,116,174)
```
#0776b5
```
#0776b5 rgb(7,118,181)
```
#0078bc
```
#0078bc rgb(0,120,188)
```

Tone Color Variation

Below, you can see how #0078bc 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

#5c5c5c Achromatopsia 0.005% of the population
#4a626f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e77b9 Protanopia 1% of men
#457ac1 Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#3c77ba Protanomaly 1% of men, 0.01% of women
#2c79bf Deuteranomaly 6% of men, 0.4% of women
#00809f Tritanomaly 0.01% of the population

#0078bc hex color

#0078bc Color Information

#0078bc Color Conversion

Color Schemes with #0078bc

Alternatives to #0078bc

#0078bc Preview

Shades and Tints of #0078bc

Tones of #0078bc

Color Blindness Simulator