#0774f5 hex color

In a RGB color space, hex #0774f5 is composed of 2.7% red, 45.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 52.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.5 degrees, a saturation of 94.4% and a lightness of 49.4%. #0774f5 color hex could be obtained by blending #0ee8ff with #0000eb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 3
- G 45
- B 96
RGB color chart
- C 97
- M 53
- Y 0
- K 4
CMYK color chart

● #0774f5 color description : Vivid blue.

The hexadecimal color #0774f5 has RGB values of R:7, G:116, B:245 and CMYK values of C:0.97, M:0.53, Y:0, K:0.04. Its decimal value is 488693.

Hex triplet	0774f5	`#0774f5`
RGB Decimal	7, 116, 245	`rgb(7,116,245)`
RGB Percent	2.7, 45.5, 96.1	`rgb(2.7%,45.5%,96.1%)`
CMYK	97, 53, 0, 4
HSL	212.5°, 94.4, 49.4	`hsl(212.5,94.4%,49.4%)`
HSV (or HSB)	212.5°, 97.1, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.835, 22.64, -71.676
XYZ	22.811, 19.126, 88.871
xyY	0.174, 0.146, 19.126
CIE-LCH	50.835, 75.167, 287.529
CIE-LUV	50.835, -26.117, -112.114
Hunter-Lab	43.734, 16.568, -89.868
Binary	00000111, 01110100, 11110101

#0774f5
```
#0774f5 rgb(7,116,245)
```
#f58807
```
#f58807 rgb(245,136,7)
```

Complementary Color

#07ebf5
```
#07ebf5 rgb(7,235,245)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#1107f5
```
#1107f5 rgb(17,7,245)
```

Analogous Color

#ebf507
```
#ebf507 rgb(235,245,7)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#f51107
```
#f51107 rgb(245,17,7)
```

Split Complementary Color

#74f507
```
#74f507 rgb(116,245,7)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#f50774
```
#f50774 rgb(245,7,116)
```

Triadic Color

#07f588
```
#07f588 rgb(7,245,136)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#f50774
```
#f50774 rgb(245,7,116)
```
#f58807
```
#f58807 rgb(245,136,7)
```

Tetradic Color

#0551ab
```
#0551ab rgb(5,81,171)
```
#065dc3
```
#065dc3 rgb(6,93,195)
```
#0668dc
```
#0668dc rgb(6,104,220)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#1d82f9
```
#1d82f9 rgb(29,130,249)
```
#368ff9
```
#368ff9 rgb(54,143,249)
```
#4f9dfa
```
#4f9dfa rgb(79,157,250)
```

Monochromatic Color

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

#07b0f5
```
#07b0f5 rgb(7,176,245)
```
#079cf5
```
#079cf5 rgb(7,156,245)
```
#0788f5
```
#0788f5 rgb(7,136,245)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```
#0760f5
```
#0760f5 rgb(7,96,245)
```
#074cf5
```
#074cf5 rgb(7,76,245)
```
#0739f5
```
#0739f5 rgb(7,57,245)
```

Similar Colors

Text with hexadecimal color #0774f5

This text has a font color of #0774f5.

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

#0774f5 background color

This paragraph has a background color of #0774f5.

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

#0774f5 border color

This element has a border color of #0774f5.

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

CSS codes

.text {color:#0774f5;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#011123
```
#011123 rgb(1,17,35)
```
#021a36
```
#021a36 rgb(2,26,54)
```
#022349
```
#022349 rgb(2,35,73)
```
#032c5c
```
#032c5c rgb(3,44,92)
```
#033570
```
#033570 rgb(3,53,112)
```
#043e83
```
#043e83 rgb(4,62,131)
```
#044796
```
#044796 rgb(4,71,150)
```
#0550a9
```
#0550a9 rgb(5,80,169)
```
#0559bc
```
#0559bc rgb(5,89,188)
```
#0662cf
```
#0662cf rgb(6,98,207)
```
#066be2
```
#066be2 rgb(6,107,226)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```

Shade Color Variation

#177ef8
```
#177ef8 rgb(23,126,248)
```
#2a89f9
```
#2a89f9 rgb(42,137,249)
```
#3d94f9
```
#3d94f9 rgb(61,148,249)
```
#509efa
```
#509efa rgb(80,158,250)
```
#64a9fb
```
#64a9fb rgb(100,169,251)
```
#77b3fb
```
#77b3fb rgb(119,179,251)
```
#8abefc
```
#8abefc rgb(138,190,252)
```
#9dc8fc
```
#9dc8fc rgb(157,200,252)
```
#b0d3fd
```
#b0d3fd rgb(176,211,253)
```
#c3defd
```
#c3defd rgb(195,222,253)
```
#d6e8fe
```
#d6e8fe rgb(214,232,254)
```
#e9f3fe
```
#e9f3fe rgb(233,243,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#7b7e81
```
#7b7e81 rgb(123,126,129)
```
#727d8a
```
#727d8a rgb(114,125,138)
```
#687c94
```
#687c94 rgb(104,124,148)
```
#5e7b9e
```
#5e7b9e rgb(94,123,158)
```
#557ba7
```
#557ba7 rgb(85,123,167)
```
#4b7ab1
```
#4b7ab1 rgb(75,122,177)
```
#4179bb
```
#4179bb rgb(65,121,187)
```
#3778c5
```
#3778c5 rgb(55,120,197)
```
#2e77ce
```
#2e77ce rgb(46,119,206)
```
#2476d8
```
#2476d8 rgb(36,118,216)
```
#1a76e2
```
#1a76e2 rgb(26,118,226)
```
#1175eb
```
#1175eb rgb(17,117,235)
```
#0774f5
```
#0774f5 rgb(7,116,245)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#50667f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf3 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0279f4 Protanomaly 1% of men, 0.01% of women
#027de0 Deuteranomaly 6% of men, 0.4% of women
#0283b7 Tritanomaly 0.01% of the population

#0774f5 hex color

#0774f5 Color Information

#0774f5 Color Conversion

Color Schemes with #0774f5

Alternatives to #0774f5

#0774f5 Preview

Shades and Tints of #0774f5

Tones of #0774f5

Color Blindness Simulator