#0077e0 hex color

In a RGB color space, hex #0077e0 is composed of 0% red, 46.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 46.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 208.1 degrees, a saturation of 100% and a lightness of 43.9%. #0077e0 color hex could be obtained by blending #00eeff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 47
- B 88
RGB color chart
- C 100
- M 47
- Y 0
- K 12
CMYK color chart

● #0077e0 color description : Pure (or mostly pure) blue.

The hexadecimal color #0077e0 has RGB values of R:0, G:119, B:224 and CMYK values of C:1, M:0.47, Y:0, K:0.12. Its decimal value is 30688.

Hex triplet	0077e0	`#0077e0`
RGB Decimal	0, 119, 224	`rgb(0,119,224)`
RGB Percent	0, 46.7, 87.8	`rgb(0%,46.7%,87.8%)`
CMYK	100, 47, 0, 12
HSL	208.1°, 100, 43.9	`hsl(208.1,100%,43.9%)`
HSV (or HSB)	208.1°, 100, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.185, 12.356, -60.97
XYZ	20.048, 18.574, 73.045
xyY	0.18, 0.166, 18.574
CIE-LCH	50.185, 62.21, 281.456
CIE-LUV	50.185, -28.029, -94.922
Hunter-Lab	43.097, 7.616, -70.323
Binary	00000000, 01110111, 11100000

#0077e0
```
#0077e0 rgb(0,119,224)
```
#e06900
```
#e06900 rgb(224,105,0)
```

Complementary Color

#00e0d9
```
#00e0d9 rgb(0,224,217)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#0007e0
```
#0007e0 rgb(0,7,224)
```

Analogous Color

#e0d900
```
#e0d900 rgb(224,217,0)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#e00007
```
#e00007 rgb(224,0,7)
```

Split Complementary Color

#77e000
```
#77e000 rgb(119,224,0)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#e00077
```
#e00077 rgb(224,0,119)
```

Triadic Color

#00e069
```
#00e069 rgb(0,224,105)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#e00077
```
#e00077 rgb(224,0,119)
```
#e06900
```
#e06900 rgb(224,105,0)
```

Tetradic Color

#004e94
```
#004e94 rgb(0,78,148)
```
#005cad
```
#005cad rgb(0,92,173)
```
#0069c7
```
#0069c7 rgb(0,105,199)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#0085fa
```
#0085fa rgb(0,133,250)
```
#1491ff
```
#1491ff rgb(20,145,255)
```
#2e9dff
```
#2e9dff rgb(46,157,255)
```

Monochromatic Color

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

#00afe0
```
#00afe0 rgb(0,175,224)
```
#009ce0
```
#009ce0 rgb(0,156,224)
```
#008ae0
```
#008ae0 rgb(0,138,224)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#0064e0
```
#0064e0 rgb(0,100,224)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#003fe0
```
#003fe0 rgb(0,63,224)
```

Similar Colors

Text with hexadecimal color #0077e0

This text has a font color of #0077e0.

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

#0077e0 background color

This paragraph has a background color of #0077e0.

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

#0077e0 border color

This element has a border color of #0077e0.

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

CSS codes

.text {color:#0077e0;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000f1c
```
#000f1c rgb(0,15,28)
```
#00192f
```
#00192f rgb(0,25,47)
```
#002443
```
#002443 rgb(0,36,67)
```
#002e57
```
#002e57 rgb(0,46,87)
```
#00386a
```
#00386a rgb(0,56,106)
```
#00437e
```
#00437e rgb(0,67,126)
```
#004d92
```
#004d92 rgb(0,77,146)
```
#0058a5
```
#0058a5 rgb(0,88,165)
```
#0062b9
```
#0062b9 rgb(0,98,185)
```
#006dcc
```
#006dcc rgb(0,109,204)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#0081f4
```
#0081f4 rgb(0,129,244)
```

Shade Color Variation

#088bff
```
#088bff rgb(8,139,255)
```
#1c95ff
```
#1c95ff rgb(28,149,255)
```
#2f9eff
```
#2f9eff rgb(47,158,255)
```
#43a7ff
```
#43a7ff rgb(67,167,255)
```
#57b0ff
```
#57b0ff rgb(87,176,255)
```
#6ab9ff
```
#6ab9ff rgb(106,185,255)
```
#7ec2ff
```
#7ec2ff rgb(126,194,255)
```
#92ccff
```
#92ccff rgb(146,204,255)
```
#a5d5ff
```
#a5d5ff rgb(165,213,255)
```
#b9deff
```
#b9deff rgb(185,222,255)
```
#cce7ff
```
#cce7ff rgb(204,231,255)
```
#e0f0ff
```
#e0f0ff rgb(224,240,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#677179
```
#677179 rgb(103,113,121)
```
#5f7181
```
#5f7181 rgb(95,113,129)
```
#56728a
```
#56728a rgb(86,114,138)
```
#4e7292
```
#4e7292 rgb(78,114,146)
```
#45739b
```
#45739b rgb(69,115,155)
```
#3c73a4
```
#3c73a4 rgb(60,115,164)
```
#3474ac
```
#3474ac rgb(52,116,172)
```
#2b74b5
```
#2b74b5 rgb(43,116,181)
```
#2275be
```
#2275be rgb(34,117,190)
```
#1a75c6
```
#1a75c6 rgb(26,117,198)
```
#1176cf
```
#1176cf rgb(17,118,207)
```
#0976d7
```
#0976d7 rgb(9,118,215)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```

Tone Color Variation

Below, you can see how #0077e0 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
#4c6479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#437bde Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#2a79df Protanomaly 1% of men, 0.01% of women
#007dd8 Deuteranomaly 6% of men, 0.4% of women
#0083ae Tritanomaly 0.01% of the population

#0077e0 hex color

#0077e0 Color Information

#0077e0 Color Conversion

Color Schemes with #0077e0

Alternatives to #0077e0

#0077e0 Preview

Shades and Tints of #0077e0

Tones of #0077e0

Color Blindness Simulator