colorhexa.com

#0774c2 hex color

In a RGB color space, hex #0774c2 is composed of 2.7% red, 45.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 40.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 205 degrees, a saturation of 93% and a lightness of 39.4%. #0774c2 color hex could be obtained by blending #0ee8ff with #000085. Closest websafe color is: #0066cc.

- R 3
- G 45
- B 76
RGB color chart
- C 96
- M 40
- Y 0
- K 24
CMYK color chart

● #0774c2 color description : Strong blue.

The hexadecimal color #0774c2 has RGB values of R:7, G:116, B:194 and CMYK values of C:0.96, M:0.4, Y:0, K:0.24. Its decimal value is 488642.

Hex triplet	0774c2	`#0774c2`
RGB Decimal	7, 116, 194	`rgb(7,116,194)`
RGB Percent	2.7, 45.5, 76.1	`rgb(2.7%,45.5%,76.1%)`
CMYK	96, 40, 0, 24
HSL	205°, 93, 39.4	`hsl(205,93%,39.4%)`
HSV (or HSB)	205°, 96.4, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.533, 2.62, -48.143
XYZ	16.068, 16.429, 53.36
xyY	0.187, 0.191, 16.429
CIE-LCH	47.533, 48.214, 273.116
CIE-LUV	47.533, -28.268, -73.184
Hunter-Lab	40.533, -0.172, -49.679
Binary	00000111, 01110100, 11000010

#0774c2
```
#0774c2 rgb(7,116,194)
```
#c25507
```
#c25507 rgb(194,85,7)
```

Complementary Color

#07c2b3
```
#07c2b3 rgb(7,194,179)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#0717c2
```
#0717c2 rgb(7,23,194)
```

Analogous Color

#c2b307
```
#c2b307 rgb(194,179,7)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#c20717
```
#c20717 rgb(194,7,23)
```

Split Complementary Color

#74c207
```
#74c207 rgb(116,194,7)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#c20774
```
#c20774 rgb(194,7,116)
```

Triadic Color

#044878
```
#044878 rgb(4,72,120)
```
#055791
```
#055791 rgb(5,87,145)
```
#0665a9
```
#0665a9 rgb(6,101,169)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#0883db
```
#0883db rgb(8,131,219)
```
#0991f3
```
#0991f3 rgb(9,145,243)
```
#1f9df7
```
#1f9df7 rgb(31,157,247)
```

Monochromatic Color

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

#07a3c2
```
#07a3c2 rgb(7,163,194)
```
#0793c2
```
#0793c2 rgb(7,147,194)
```
#0784c2
```
#0784c2 rgb(7,132,194)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#0764c2
```
#0764c2 rgb(7,100,194)
```
#0755c2
```
#0755c2 rgb(7,85,194)
```
#0745c2
```
#0745c2 rgb(7,69,194)
```

Similar Colors

Text with hexadecimal color #0774c2

This text has a font color of #0774c2.

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

#0774c2 background color

This paragraph has a background color of #0774c2.

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

#0774c2 border color

This element has a border color of #0774c2.

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

CSS codes

.text {color:#0774c2;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#02192b
```
#02192b rgb(2,25,43)
```
#02253d
```
#02253d rgb(2,37,61)
```
#033050
```
#033050 rgb(3,48,80)
```
#043b63
```
#043b63 rgb(4,59,99)
```
#044776
```
#044776 rgb(4,71,118)
```
#055289
```
#055289 rgb(5,82,137)
```
#065d9c
```
#065d9c rgb(6,93,156)
```
#0669af
```
#0669af rgb(6,105,175)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```
#087fd5
```
#087fd5 rgb(8,127,213)
```
#088be8
```
#088be8 rgb(8,139,232)
```

Shade Color Variation

#0e95f6
```
#0e95f6 rgb(14,149,246)
```
#209ef7
```
#209ef7 rgb(32,158,247)
```
#33a6f8
```
#33a6f8 rgb(51,166,248)
```
#46aef8
```
#46aef8 rgb(70,174,248)
```
#59b6f9
```
#59b6f9 rgb(89,182,249)
```
#6cbffa
```
#6cbffa rgb(108,191,250)
```
#7fc7fa
```
#7fc7fa rgb(127,199,250)
```
#92cffb
```
#92cffb rgb(146,207,251)
```
#a5d8fc
```
#a5d8fc rgb(165,216,252)
```
#b8e0fc
```
#b8e0fc rgb(184,224,252)
```
#cbe8fd
```
#cbe8fd rgb(203,232,253)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#646565
```
#646565 rgb(100,101,101)
```
#5c666d
```
#5c666d rgb(92,102,109)
```
#546775
```
#546775 rgb(84,103,117)
```
#4d687c
```
#4d687c rgb(77,104,124)
```
#456a84
```
#456a84 rgb(69,106,132)
```
#3d6b8c
```
#3d6b8c rgb(61,107,140)
```
#356c94
```
#356c94 rgb(53,108,148)
```
#2e6e9b
```
#2e6e9b rgb(46,110,155)
```
#266fa3
```
#266fa3 rgb(38,111,163)
```
#1e70ab
```
#1e70ab rgb(30,112,171)
```
#1671b3
```
#1671b3 rgb(22,113,179)
```
#0f73ba
```
#0f73ba rgb(15,115,186)
```
#0774c2
```
#0774c2 rgb(7,116,194)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4b6170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5575c0 Protanopia 1% of men
#3179c5 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#3975c1 Protanomaly 1% of men, 0.01% of women
#2177c4 Deuteranomaly 6% of men, 0.4% of women
#027e9f Tritanomaly 0.01% of the population