#0774e5 hex color

In a RGB color space, hex #0774e5 is composed of 2.7% red, 45.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 49.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 210.5 degrees, a saturation of 94.1% and a lightness of 46.3%. #0774e5 color hex could be obtained by blending #0ee8ff with #0000cb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 45
- B 90
RGB color chart
- C 97
- M 49
- Y 0
- K 10
CMYK color chart

● #0774e5 color description : Vivid blue.

The hexadecimal color #0774e5 has RGB values of R:7, G:116, B:229 and CMYK values of C:0.97, M:0.49, Y:0, K:0.1. Its decimal value is 488677.

Hex triplet	0774e5	`#0774e5`
RGB Decimal	7, 116, 229	`rgb(7,116,229)`
RGB Percent	2.7, 45.5, 89.8	`rgb(2.7%,45.5%,89.8%)`
CMYK	97, 49, 0, 10
HSL	210.5°, 94.1, 46.3	`hsl(210.5,94.1%,46.3%)`
HSV (or HSB)	210.5°, 96.9, 89.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.727, 16.413, -64.521
XYZ	20.473, 18.191, 76.557
xyY	0.178, 0.158, 18.191
CIE-LCH	49.727, 66.575, 284.272
CIE-LUV	49.727, -26.676, -100.395
Hunter-Lab	42.651, 11.041, -76.567
Binary	00000111, 01110100, 11100101

#0774e5
```
#0774e5 rgb(7,116,229)
```
#e57807
```
#e57807 rgb(229,120,7)
```

Complementary Color

#07e3e5
```
#07e3e5 rgb(7,227,229)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#0907e5
```
#0907e5 rgb(9,7,229)
```

Analogous Color

#e3e507
```
#e3e507 rgb(227,229,7)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#e50907
```
#e50907 rgb(229,9,7)
```

Split Complementary Color

#74e507
```
#74e507 rgb(116,229,7)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#e50774
```
#e50774 rgb(229,7,116)
```

Triadic Color

#07e578
```
#07e578 rgb(7,229,120)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#e50774
```
#e50774 rgb(229,7,116)
```
#e57807
```
#e57807 rgb(229,120,7)
```

Tetradic Color

#054e9b
```
#054e9b rgb(5,78,155)
```
#055bb4
```
#055bb4 rgb(5,91,180)
```
#0667cc
```
#0667cc rgb(6,103,204)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#0e81f8
```
#0e81f8 rgb(14,129,248)
```
#278ef8
```
#278ef8 rgb(39,142,248)
```
#3f9bf9
```
#3f9bf9 rgb(63,155,249)
```

Monochromatic Color

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

#07ace5
```
#07ace5 rgb(7,172,229)
```
#0799e5
```
#0799e5 rgb(7,153,229)
```
#0787e5
```
#0787e5 rgb(7,135,229)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```
#0762e5
```
#0762e5 rgb(7,98,229)
```
#074fe5
```
#074fe5 rgb(7,79,229)
```
#073de5
```
#073de5 rgb(7,61,229)
```

Similar Colors

Text with hexadecimal color #0774e5

This text has a font color of #0774e5.

<span style="color:#0774e5;">Text here</span>

#0774e5 background color

This paragraph has a background color of #0774e5.

<p style="background-color:#0774e5;">Content here</p>

#0774e5 border color

This element has a border color of #0774e5.

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

CSS codes

.text {color:#0774e5;}

.background {background-color:#0774e5;}

.border {border:1px solid #0774e5;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#011427
```
#011427 rgb(1,20,39)
```
#021d3a
```
#021d3a rgb(2,29,58)
```
#02274d
```
#02274d rgb(2,39,77)
```
#033160
```
#033160 rgb(3,49,96)
```
#043a73
```
#043a73 rgb(4,58,115)
```
#044486
```
#044486 rgb(4,68,134)
```
#054d99
```
#054d99 rgb(5,77,153)
```
#0557ac
```
#0557ac rgb(5,87,172)
```
#0661bf
```
#0661bf rgb(6,97,191)
```
#066ad2
```
#066ad2 rgb(6,106,210)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```

Shade Color Variation

#087ef7
```
#087ef7 rgb(8,126,247)
```
#1b88f8
```
#1b88f8 rgb(27,136,248)
```
#2e92f9
```
#2e92f9 rgb(46,146,249)
```
#419cf9
```
#419cf9 rgb(65,156,249)
```
#54a6fa
```
#54a6fa rgb(84,166,250)
```
#67b0fa
```
#67b0fa rgb(103,176,250)
```
#7ab9fb
```
#7ab9fb rgb(122,185,251)
```
#8dc3fc
```
#8dc3fc rgb(141,195,252)
```
#a0cdfc
```
#a0cdfc rgb(160,205,252)
```
#b3d7fd
```
#b3d7fd rgb(179,215,253)
```
#c6e1fd
```
#c6e1fd rgb(198,225,253)
```
#daebfe
```
#daebfe rgb(218,235,254)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#747678
```
#747678 rgb(116,118,120)
```
#6b7681
```
#6b7681 rgb(107,118,129)
```
#62768a
```
#62768a rgb(98,118,138)
```
#597593
```
#597593 rgb(89,117,147)
```
#50759c
```
#50759c rgb(80,117,156)
```
#4775a5
```
#4775a5 rgb(71,117,165)
```
#3d75af
```
#3d75af rgb(61,117,175)
```
#3475b8
```
#3475b8 rgb(52,117,184)
```
#2b75c1
```
#2b75c1 rgb(43,117,193)
```
#2274ca
```
#2274ca rgb(34,116,202)
```
#1974d3
```
#1974d3 rgb(25,116,211)
```
#1074dc
```
#1074dc rgb(16,116,220)
```
#0774e5
```
#0774e5 rgb(7,116,229)
```

Tone Color Variation

Below, you can see how #0774e5 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

#606060 Achromatopsia 0.005% of the population
#4e647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3479e4 Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#2377e4 Protanomaly 1% of men, 0.01% of women
#027bd8 Deuteranomaly 6% of men, 0.4% of women
#0281af Tritanomaly 0.01% of the population

#0774e5 hex color

#0774e5 Color Information

#0774e5 Color Conversion

Color Schemes with #0774e5

Alternatives to #0774e5

#0774e5 Preview

Shades and Tints of #0774e5

Tones of #0774e5

Color Blindness Simulator