#0774bb hex color

In a RGB color space, hex #0774bb is composed of 2.7% red, 45.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 38% magenta, 0% yellow and 26.7% black. It has a hue angle of 203.7 degrees, a saturation of 92.8% and a lightness of 38%. #0774bb color hex could be obtained by blending #0ee8ff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 45
- B 73
RGB color chart
- C 96
- M 38
- Y 0
- K 27
CMYK color chart

● #0774bb color description : Strong blue.

The hexadecimal color #0774bb has RGB values of R:7, G:116, B:187 and CMYK values of C:0.96, M:0.38, Y:0, K:0.27. Its decimal value is 488635.

Hex triplet	0774bb	`#0774bb`
RGB Decimal	7, 116, 187	`rgb(7,116,187)`
RGB Percent	2.7, 45.5, 73.3	`rgb(2.7%,45.5%,73.3%)`
CMYK	96, 38, 0, 27
HSL	203.7°, 92.8, 38	`hsl(203.7,92.8%,38%)`
HSV (or HSB)	203.7°, 96.3, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.135, -0.138, -44.741
XYZ	15.301, 16.122, 49.316
xyY	0.19, 0.2, 16.122
CIE-LCH	47.135, 44.741, 269.823
CIE-LUV	47.135, -28.65, -67.486
Hunter-Lab	40.153, -2.248, -44.715
Binary	00000111, 01110100, 10111011

#0774bb
```
#0774bb rgb(7,116,187)
```
#bb4e07
```
#bb4e07 rgb(187,78,7)
```

Complementary Color

#07bba8
```
#07bba8 rgb(7,187,168)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#071abb
```
#071abb rgb(7,26,187)
```

Analogous Color

#bba807
```
#bba807 rgb(187,168,7)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#bb071a
```
#bb071a rgb(187,7,26)
```

Split Complementary Color

#74bb07
```
#74bb07 rgb(116,187,7)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#bb0774
```
#bb0774 rgb(187,7,116)
```

Triadic Color

#07bb4e
```
#07bb4e rgb(7,187,78)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#bb0774
```
#bb0774 rgb(187,7,116)
```
#bb4e07
```
#bb4e07 rgb(187,78,7)
```

Tetradic Color

#044671
```
#044671 rgb(4,70,113)
```
#05568a
```
#05568a rgb(5,86,138)
```
#0665a2
```
#0665a2 rgb(6,101,162)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#0883d4
```
#0883d4 rgb(8,131,212)
```
#0992ec
```
#0992ec rgb(9,146,236)
```
#189ff6
```
#189ff6 rgb(24,159,246)
```

Monochromatic Color

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

#07a1bb
```
#07a1bb rgb(7,161,187)
```
#0792bb
```
#0792bb rgb(7,146,187)
```
#0783bb
```
#0783bb rgb(7,131,187)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#0765bb
```
#0765bb rgb(7,101,187)
```
#0756bb
```
#0756bb rgb(7,86,187)
```
#0747bb
```
#0747bb rgb(7,71,187)
```

Similar Colors

Text with hexadecimal color #0774bb

This text has a font color of #0774bb.

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

#0774bb background color

This paragraph has a background color of #0774bb.

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

#0774bb border color

This element has a border color of #0774bb.

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

CSS codes

.text {color:#0774bb;}

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

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

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, #010a11 is the darkest color, while #fdfeff is the lightest one.

#010a11
```
#010a11 rgb(1,10,17)
```
#011624
```
#011624 rgb(1,22,36)
```
#022237
```
#022237 rgb(2,34,55)
```
#032e4a
```
#032e4a rgb(3,46,74)
```
#03395c
```
#03395c rgb(3,57,92)
```
#04456f
```
#04456f rgb(4,69,111)
```
#055182
```
#055182 rgb(5,81,130)
```
#065d95
```
#065d95 rgb(6,93,149)
```
#0668a8
```
#0668a8 rgb(6,104,168)
```
#0774bb
```
#0774bb rgb(7,116,187)
```
#0880ce
```
#0880ce rgb(8,128,206)
```
#088be1
```
#088be1 rgb(8,139,225)
```
#0997f4
```
#0997f4 rgb(9,151,244)
```

Shade Color Variation

#1a9ff6
```
#1a9ff6 rgb(26,159,246)
```
#2da7f7
```
#2da7f7 rgb(45,167,247)
```
#40aff8
```
#40aff8 rgb(64,175,248)
```
#53b7f9
```
#53b7f9 rgb(83,183,249)
```
#66bff9
```
#66bff9 rgb(102,191,249)
```
#79c7fa
```
#79c7fa rgb(121,199,250)
```
#8bcffb
```
#8bcffb rgb(139,207,251)
```
#9ed7fb
```
#9ed7fb rgb(158,215,251)
```
#b1dffc
```
#b1dffc rgb(177,223,252)
```
#c4e6fd
```
#c4e6fd rgb(196,230,253)
```
#d7eefe
```
#d7eefe rgb(215,238,254)
```
#eaf6fe
```
#eaf6fe rgb(234,246,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#616161
```
#616161 rgb(97,97,97)
```
#596369
```
#596369 rgb(89,99,105)
```
#526470
```
#526470 rgb(82,100,112)
```
#4a6678
```
#4a6678 rgb(74,102,120)
```
#43677f
```
#43677f rgb(67,103,127)
```
#3b6987
```
#3b6987 rgb(59,105,135)
```
#346b8e
```
#346b8e rgb(52,107,142)
```
#2c6c96
```
#2c6c96 rgb(44,108,150)
```
#256e9d
```
#256e9d rgb(37,110,157)
```
#1d6fa5
```
#1d6fa5 rgb(29,111,165)
```
#1671ac
```
#1671ac rgb(22,113,172)
```
#0e72b4
```
#0e72b4 rgb(14,114,180)
```
#0774bb
```
#0774bb rgb(7,116,187)
```

Tone Color Variation

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

Dichromacy

#5975b9 Protanopia 1% of men
#3d78bf Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#3b74ba Protanomaly 1% of men, 0.01% of women
#2976be Deuteranomaly 6% of men, 0.4% of women
#027d9c Tritanomaly 0.01% of the population

#0774bb hex color

#0774bb Color Information

#0774bb Color Conversion

Color Schemes with #0774bb

Alternatives to #0774bb

#0774bb Preview

Shades and Tints of #0774bb

Tones of #0774bb

Color Blindness Simulator