colorhexa.com

#078cdc hex color

In a RGB color space, hex #078cdc is composed of 2.7% red, 54.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 36.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.5 degrees, a saturation of 93.8% and a lightness of 44.5%. #078cdc color hex could be obtained by blending #0effff with #0019b9. Closest websafe color is: #0099cc.

- R 3
- G 55
- B 86
RGB color chart
- C 97
- M 36
- Y 0
- K 14
CMYK color chart

● #078cdc color description : Vivid blue.

The hexadecimal color #078cdc has RGB values of R:7, G:140, B:220 and CMYK values of C:0.97, M:0.36, Y:0, K:0.14. Its decimal value is 494812.

Hex triplet	078cdc	`#078cdc`
RGB Decimal	7, 140, 220	`rgb(7,140,220)`
RGB Percent	2.7, 54.9, 86.3	`rgb(2.7%,54.9%,86.3%)`
CMYK	97, 36, 0, 14
HSL	202.5°, 93.8, 44.5	`hsl(202.5,93.8%,44.5%)`
HSV (or HSB)	202.5°, 96.8, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.054, -1.822, -49.325
XYZ	22.381, 23.967, 71.153
xyY	0.19, 0.204, 23.967
CIE-LCH	56.054, 49.358, 267.884
CIE-LUV	56.054, -34.588, -77.259
Hunter-Lab	48.956, -4.068, -51.904
Binary	00000111, 10001100, 11011100

#078cdc
```
#078cdc rgb(7,140,220)
```
#dc5707
```
#dc5707 rgb(220,87,7)
```

Complementary Color

#07dcc2
```
#07dcc2 rgb(7,220,194)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#0722dc
```
#0722dc rgb(7,34,220)
```

Analogous Color

#dcc207
```
#dcc207 rgb(220,194,7)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#dc0722
```
#dc0722 rgb(220,7,34)
```

Split Complementary Color

#8cdc07
```
#8cdc07 rgb(140,220,7)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#dc078c
```
#dc078c rgb(220,7,140)
```

Triadic Color

#055d92
```
#055d92 rgb(5,93,146)
```
#056dab
```
#056dab rgb(5,109,171)
```
#067cc3
```
#067cc3 rgb(6,124,195)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#089cf5
```
#089cf5 rgb(8,156,245)
```
#1ea6f8
```
#1ea6f8 rgb(30,166,248)
```
#37b0f9
```
#37b0f9 rgb(55,176,249)
```

Monochromatic Color

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

#07c1dc
```
#07c1dc rgb(7,193,220)
```
#07b0dc
```
#07b0dc rgb(7,176,220)
```
#079edc
```
#079edc rgb(7,158,220)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#077adc
```
#077adc rgb(7,122,220)
```
#0769dc
```
#0769dc rgb(7,105,220)
```
#0757dc
```
#0757dc rgb(7,87,220)
```

Similar Colors

Text with hexadecimal color #078cdc

This text has a font color of #078cdc.

<span style="color:#078cdc;">Text here</span>

#078cdc background color

This paragraph has a background color of #078cdc.

<p style="background-color:#078cdc;">Content here</p>

#078cdc border color

This element has a border color of #078cdc.

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

CSS codes

.text {color:#078cdc;}

.background {background-color:#078cdc;}

.border {border:1px solid #078cdc;}

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)
```
#01131e
```
#01131e rgb(1,19,30)
```
#021f31
```
#021f31 rgb(2,31,49)
```
#022b44
```
#022b44 rgb(2,43,68)
```
#033757
```
#033757 rgb(3,55,87)
```
#03436a
```
#03436a rgb(3,67,106)
```
#04507d
```
#04507d rgb(4,80,125)
```
#055c90
```
#055c90 rgb(5,92,144)
```
#0568a3
```
#0568a3 rgb(5,104,163)
```
#0674b6
```
#0674b6 rgb(6,116,182)
```
#0680c9
```
#0680c9 rgb(6,128,201)
```
#078cdc
```
#078cdc rgb(7,140,220)
```
#0898ef
```
#0898ef rgb(8,152,239)
```

Shade Color Variation

#13a2f7
```
#13a2f7 rgb(19,162,247)
```
#26a9f8
```
#26a9f8 rgb(38,169,248)
```
#39b1f9
```
#39b1f9 rgb(57,177,249)
```
#4cb8f9
```
#4cb8f9 rgb(76,184,249)
```
#5fc0fa
```
#5fc0fa rgb(95,192,250)
```
#72c7fb
```
#72c7fb rgb(114,199,251)
```
#85cffb
```
#85cffb rgb(133,207,251)
```
#98d6fc
```
#98d6fc rgb(152,214,252)
```
#abdefc
```
#abdefc rgb(171,222,252)
```
#bee5fd
```
#bee5fd rgb(190,229,253)
```
#d1edfe
```
#d1edfe rgb(209,237,254)
```
#e4f4fe
```
#e4f4fe rgb(228,244,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#707273
```
#707273 rgb(112,114,115)
```
#67747c
```
#67747c rgb(103,116,124)
```
#5e7685
```
#5e7685 rgb(94,118,133)
```
#56788d
```
#56788d rgb(86,120,141)
```
#4d7b96
```
#4d7b96 rgb(77,123,150)
```
#447d9f
```
#447d9f rgb(68,125,159)
```
#3b7fa8
```
#3b7fa8 rgb(59,127,168)
```
#3381b0
```
#3381b0 rgb(51,129,176)
```
#2a83b9
```
#2a83b9 rgb(42,131,185)
```
#2185c2
```
#2185c2 rgb(33,133,194)
```
#1888cb
```
#1888cb rgb(24,136,203)
```
#108ad3
```
#108ad3 rgb(16,138,211)
```
#078cdc
```
#078cdc rgb(7,140,220)
```

Tone Color Variation

Below, you can see how #078cdc 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

#6d6d6d Achromatopsia 0.005% of the population
#597383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8ad7 Protanopia 1% of men
#4e8ddf Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#478ad9 Protanomaly 1% of men, 0.01% of women
#348dde Deuteranomaly 6% of men, 0.4% of women
#0295b8 Tritanomaly 0.01% of the population