#0771e4 hex color

In a RGB color space, hex #0771e4 is composed of 2.7% red, 44.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 50.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 211.2 degrees, a saturation of 94% and a lightness of 46.1%. #0771e4 color hex could be obtained by blending #0ee2ff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 44
- B 89
RGB color chart
- C 97
- M 50
- Y 0
- K 11
CMYK color chart

● #0771e4 color description : Vivid blue.

The hexadecimal color #0771e4 has RGB values of R:7, G:113, B:228 and CMYK values of C:0.97, M:0.5, Y:0, K:0.11. Its decimal value is 487908.

Hex triplet	0771e4	`#0771e4`
RGB Decimal	7, 113, 228	`rgb(7,113,228)`
RGB Percent	2.7, 44.3, 89.4	`rgb(2.7%,44.3%,89.4%)`
CMYK	97, 50, 0, 11
HSL	211.2°, 94, 46.1	`hsl(211.2,94%,46.1%)`
HSV (or HSB)	211.2°, 96.9, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.828, 17.929, -65.412
XYZ	19.993, 17.455, 75.71
xyY	0.177, 0.154, 17.455
CIE-LCH	48.828, 67.825, 285.328
CIE-LUV	48.828, -25.839, -101.353
Hunter-Lab	41.779, 12.306, -78.196
Binary	00000111, 01110001, 11100100

#0771e4
```
#0771e4 rgb(7,113,228)
```
#e47a07
```
#e47a07 rgb(228,122,7)
```

Complementary Color

#07e0e4
```
#07e0e4 rgb(7,224,228)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#0b07e4
```
#0b07e4 rgb(11,7,228)
```

Analogous Color

#e0e407
```
#e0e407 rgb(224,228,7)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#e40b07
```
#e40b07 rgb(228,11,7)
```

Split Complementary Color

#71e407
```
#71e407 rgb(113,228,7)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#e40771
```
#e40771 rgb(228,7,113)
```

Triadic Color

#07e47a
```
#07e47a rgb(7,228,122)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#e40771
```
#e40771 rgb(228,7,113)
```
#e47a07
```
#e47a07 rgb(228,122,7)
```

Tetradic Color

#054c9a
```
#054c9a rgb(5,76,154)
```
#0558b3
```
#0558b3 rgb(5,88,179)
```
#0665cb
```
#0665cb rgb(6,101,203)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#0d7df8
```
#0d7df8 rgb(13,125,248)
```
#268bf8
```
#268bf8 rgb(38,139,248)
```
#3e98f9
```
#3e98f9 rgb(62,152,249)
```

Monochromatic Color

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

#07a8e4
```
#07a8e4 rgb(7,168,228)
```
#0796e4
```
#0796e4 rgb(7,150,228)
```
#0783e4
```
#0783e4 rgb(7,131,228)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#075fe4
```
#075fe4 rgb(7,95,228)
```
#074ce4
```
#074ce4 rgb(7,76,228)
```
#073ae4
```
#073ae4 rgb(7,58,228)
```

Similar Colors

Text with hexadecimal color #0771e4

This text has a font color of #0771e4.

<span style="color:#0771e4;">Text here</span>

#0771e4 background color

This paragraph has a background color of #0771e4.

<p style="background-color:#0771e4;">Content here</p>

#0771e4 border color

This element has a border color of #0771e4.

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

CSS codes

.text {color:#0771e4;}

.background {background-color:#0771e4;}

.border {border:1px solid #0771e4;}

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

#010913
```
#010913 rgb(1,9,19)
```
#011326
```
#011326 rgb(1,19,38)
```
#021c39
```
#021c39 rgb(2,28,57)
```
#02264c
```
#02264c rgb(2,38,76)
```
#032f5f
```
#032f5f rgb(3,47,95)
```
#033872
```
#033872 rgb(3,56,114)
```
#044285
```
#044285 rgb(4,66,133)
```
#054b98
```
#054b98 rgb(5,75,152)
```
#0555ab
```
#0555ab rgb(5,85,171)
```
#065ebe
```
#065ebe rgb(6,94,190)
```
#0668d1
```
#0668d1 rgb(6,104,209)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```
#087af7
```
#087af7 rgb(8,122,247)
```

Shade Color Variation

#1a85f8
```
#1a85f8 rgb(26,133,248)
```
#2d8ff9
```
#2d8ff9 rgb(45,143,249)
```
#4099f9
```
#4099f9 rgb(64,153,249)
```
#53a3fa
```
#53a3fa rgb(83,163,250)
```
#66adfa
```
#66adfa rgb(102,173,250)
```
#79b8fb
```
#79b8fb rgb(121,184,251)
```
#8cc2fb
```
#8cc2fb rgb(140,194,251)
```
#9fccfc
```
#9fccfc rgb(159,204,252)
```
#b3d6fd
```
#b3d6fd rgb(179,214,253)
```
#c6e0fd
```
#c6e0fd rgb(198,224,253)
```
#d9eafe
```
#d9eafe rgb(217,234,254)
```
#ecf5fe
```
#ecf5fe rgb(236,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#737578
```
#737578 rgb(115,117,120)
```
#6a7581
```
#6a7581 rgb(106,117,129)
```
#61758a
```
#61758a rgb(97,117,138)
```
#587493
```
#587493 rgb(88,116,147)
```
#4f749c
```
#4f749c rgb(79,116,156)
```
#4674a5
```
#4674a5 rgb(70,116,165)
```
#3d73ae
```
#3d73ae rgb(61,115,174)
```
#3473b7
```
#3473b7 rgb(52,115,183)
```
#2b72c0
```
#2b72c0 rgb(43,114,192)
```
#2272c9
```
#2272c9 rgb(34,114,201)
```
#1972d2
```
#1972d2 rgb(25,114,210)
```
#1071db
```
#1071db rgb(16,113,219)
```
#0771e4
```
#0771e4 rgb(7,113,228)
```

Tone Color Variation

Below, you can see how #0771e4 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

#5e5e5e Achromatopsia 0.005% of the population
#4d6279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a77e4 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#1d75e4 Protanomaly 1% of men, 0.01% of women
#0279d5 Deuteranomaly 6% of men, 0.4% of women
#027fad Tritanomaly 0.01% of the population

#0771e4 hex color

#0771e4 Color Information

#0771e4 Color Conversion

Color Schemes with #0771e4

Alternatives to #0771e4

#0771e4 Preview

Shades and Tints of #0771e4

Tones of #0771e4

Color Blindness Simulator