colorhexa.com

#0774e0 hex color

In a RGB color space, hex #0774e0 is composed of 2.7% red, 45.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 48.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 209.9 degrees, a saturation of 93.9% and a lightness of 45.3%. #0774e0 color hex could be obtained by blending #0ee8ff with #0000c1. Closest websafe color is: #0066cc.

- R 3
- G 45
- B 88
RGB color chart
- C 97
- M 48
- Y 0
- K 12
CMYK color chart

● #0774e0 color description : Vivid blue.

The hexadecimal color #0774e0 has RGB values of R:7, G:116, B:224 and CMYK values of C:0.97, M:0.48, Y:0, K:0.12. Its decimal value is 488672.

Hex triplet	0774e0	`#0774e0`
RGB Decimal	7, 116, 224	`rgb(7,116,224)`
RGB Percent	2.7, 45.5, 87.8	`rgb(2.7%,45.5%,87.8%)`
CMYK	97, 48, 0, 12
HSL	209.9°, 93.9, 45.3	`hsl(209.9,93.9%,45.3%)`
HSV (or HSB)	209.9°, 96.9, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.394, 14.452, -62.243
XYZ	19.785, 17.916, 72.932
xyY	0.179, 0.162, 17.916
CIE-LCH	49.394, 63.899, 283.072
CIE-LUV	49.394, -26.871, -96.641
Hunter-Lab	42.327, 9.361, -72.531
Binary	00000111, 01110100, 11100000

#0774e0
```
#0774e0 rgb(7,116,224)
```
#e07307
```
#e07307 rgb(224,115,7)
```

Complementary Color

#07e0e0
```
#07e0e0 rgb(7,224,224)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#0707e0
```
#0707e0 rgb(7,7,224)
```

Analogous Color

#e0e007
```
#e0e007 rgb(224,224,7)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#e00707
```
#e00707 rgb(224,7,7)
```

Split Complementary Color

#74e007
```
#74e007 rgb(116,224,7)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#e00774
```
#e00774 rgb(224,7,116)
```

Triadic Color

#054e96
```
#054e96 rgb(5,78,150)
```
#055aaf
```
#055aaf rgb(5,90,175)
```
#0667c7
```
#0667c7 rgb(6,103,199)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#0981f7
```
#0981f7 rgb(9,129,247)
```
#228df8
```
#228df8 rgb(34,141,248)
```
#3b9af9
```
#3b9af9 rgb(59,154,249)
```

Monochromatic Color

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

#07aae0
```
#07aae0 rgb(7,170,224)
```
#0798e0
```
#0798e0 rgb(7,152,224)
```
#0786e0
```
#0786e0 rgb(7,134,224)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#0762e0
```
#0762e0 rgb(7,98,224)
```
#0750e0
```
#0750e0 rgb(7,80,224)
```
#073ee0
```
#073ee0 rgb(7,62,224)
```

Similar Colors

Text with hexadecimal color #0774e0

This text has a font color of #0774e0.

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

#0774e0 background color

This paragraph has a background color of #0774e0.

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

#0774e0 border color

This element has a border color of #0774e0.

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

CSS codes

.text {color:#0774e0;}

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

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

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, #00080f is the darkest color, while #fbfdff is the lightest one.

#00080f
```
#00080f rgb(0,8,15)
```
#011122
```
#011122 rgb(1,17,34)
```
#021b35
```
#021b35 rgb(2,27,53)
```
#022548
```
#022548 rgb(2,37,72)
```
#032f5b
```
#032f5b rgb(3,47,91)
```
#03396e
```
#03396e rgb(3,57,110)
```
#044381
```
#044381 rgb(4,67,129)
```
#054d94
```
#054d94 rgb(5,77,148)
```
#0556a7
```
#0556a7 rgb(5,86,167)
```
#0660ba
```
#0660ba rgb(6,96,186)
```
#066acd
```
#066acd rgb(6,106,205)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```
#087ef3
```
#087ef3 rgb(8,126,243)
```

Shade Color Variation

#1688f8
```
#1688f8 rgb(22,136,248)
```
#2a91f8
```
#2a91f8 rgb(42,145,248)
```
#3d9bf9
```
#3d9bf9 rgb(61,155,249)
```
#50a5fa
```
#50a5fa rgb(80,165,250)
```
#63affa
```
#63affa rgb(99,175,250)
```
#76b8fb
```
#76b8fb rgb(118,184,251)
```
#89c2fb
```
#89c2fb rgb(137,194,251)
```
#9cccfc
```
#9cccfc rgb(156,204,252)
```
#afd6fc
```
#afd6fc rgb(175,214,252)
```
#c2e0fd
```
#c2e0fd rgb(194,224,253)
```
#d5e9fe
```
#d5e9fe rgb(213,233,254)
```
#e8f3fe
```
#e8f3fe rgb(232,243,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#727475
```
#727475 rgb(114,116,117)
```
#69747e
```
#69747e rgb(105,116,126)
```
#607487
```
#607487 rgb(96,116,135)
```
#577490
```
#577490 rgb(87,116,144)
```
#4e7499
```
#4e7499 rgb(78,116,153)
```
#4574a2
```
#4574a2 rgb(69,116,162)
```
#3c74ab
```
#3c74ab rgb(60,116,171)
```
#3374b4
```
#3374b4 rgb(51,116,180)
```
#2b74bc
```
#2b74bc rgb(43,116,188)
```
#2274c5
```
#2274c5 rgb(34,116,197)
```
#1974ce
```
#1974ce rgb(25,116,206)
```
#1074d7
```
#1074d7 rgb(16,116,215)
```
#0774e0
```
#0774e0 rgb(7,116,224)
```

Tone Color Variation

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

Dichromacy

#3b79df Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#2877df Protanomaly 1% of men, 0.01% of women
#027bd6 Deuteranomaly 6% of men, 0.4% of women
#0281ad Tritanomaly 0.01% of the population