#1077b4 hex color

In a RGB color space, hex #1077b4 is composed of 6.3% red, 46.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 33.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 202.3 degrees, a saturation of 83.7% and a lightness of 38.4%. #1077b4 color hex could be obtained by blending #20eeff with #000069. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 47
- B 71
RGB color chart
- C 91
- M 34
- Y 0
- K 29
CMYK color chart

● #1077b4 color description : Strong blue.

The hexadecimal color #1077b4 has RGB values of R:16, G:119, B:180 and CMYK values of C:0.91, M:0.34, Y:0, K:0.29. Its decimal value is 1079220.

Hex triplet	1077b4	`#1077b4`
RGB Decimal	16, 119, 180	`rgb(16,119,180)`
RGB Percent	6.3, 46.7, 70.6	`rgb(6.3%,46.7%,70.6%)`
CMYK	91, 34, 0, 29
HSL	202.3°, 83.7, 38.4	`hsl(202.3,83.7%,38.4%)`
HSV (or HSB)	202.3°, 91.1, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.749, -4.299, -39.709
XYZ	15.047, 16.598, 45.588
xyY	0.195, 0.215, 16.598
CIE-LCH	47.749, 39.941, 263.821
CIE-LUV	47.749, -29.587, -59.35
Hunter-Lab	40.74, -5.37, -37.827
Binary	00010000, 01110111, 10110100

#1077b4
```
#1077b4 rgb(16,119,180)
```
#b44d10
```
#b44d10 rgb(180,77,16)
```

Complementary Color

#10b49f
```
#10b49f rgb(16,180,159)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#1025b4
```
#1025b4 rgb(16,37,180)
```

Analogous Color

#b49f10
```
#b49f10 rgb(180,159,16)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#b41025
```
#b41025 rgb(180,16,37)
```

Split Complementary Color

#77b410
```
#77b410 rgb(119,180,16)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#b41077
```
#b41077 rgb(180,16,119)
```

Triadic Color

#10b44d
```
#10b44d rgb(16,180,77)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#b41077
```
#b41077 rgb(180,16,119)
```
#b44d10
```
#b44d10 rgb(180,77,16)
```

Tetradic Color

#0a496e
```
#0a496e rgb(10,73,110)
```
#0c5885
```
#0c5885 rgb(12,88,133)
```
#0e689d
```
#0e689d rgb(14,104,157)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#1286cb
```
#1286cb rgb(18,134,203)
```
#1496e3
```
#1496e3 rgb(20,150,227)
```
#25a2ec
```
#25a2ec rgb(37,162,236)
```

Monochromatic Color

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

#10a0b4
```
#10a0b4 rgb(16,160,180)
```
#1092b4
```
#1092b4 rgb(16,146,180)
```
#1085b4
```
#1085b4 rgb(16,133,180)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#1069b4
```
#1069b4 rgb(16,105,180)
```
#105cb4
```
#105cb4 rgb(16,92,180)
```
#104eb4
```
#104eb4 rgb(16,78,180)
```

Similar Colors

Text with hexadecimal color #1077b4

This text has a font color of #1077b4.

<span style="color:#1077b4;">Text here</span>

#1077b4 background color

This paragraph has a background color of #1077b4.

<p style="background-color:#1077b4;">Content here</p>

#1077b4 border color

This element has a border color of #1077b4.

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

CSS codes

.text {color:#1077b4;}

.background {background-color:#1077b4;}

.border {border:1px solid #1077b4;}

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, #020c12 is the darkest color, while #ffffff is the lightest one.

#020c12
```
#020c12 rgb(2,12,18)
```
#031824
```
#031824 rgb(3,24,36)
```
#052436
```
#052436 rgb(5,36,54)
```
#063048
```
#063048 rgb(6,48,72)
```
#083b5a
```
#083b5a rgb(8,59,90)
```
#0a476c
```
#0a476c rgb(10,71,108)
```
#0b537e
```
#0b537e rgb(11,83,126)
```
#0d5f90
```
#0d5f90 rgb(13,95,144)
```
#0e6ba2
```
#0e6ba2 rgb(14,107,162)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#1283c6
```
#1283c6 rgb(18,131,198)
```
#138fd8
```
#138fd8 rgb(19,143,216)
```
#159bea
```
#159bea rgb(21,155,234)
```

Shade Color Variation

#27a2ec
```
#27a2ec rgb(39,162,236)
```
#39aaed
```
#39aaed rgb(57,170,237)
```
#4bb2ef
```
#4bb2ef rgb(75,178,239)
```
#5dbaf1
```
#5dbaf1 rgb(93,186,241)
```
#6fc1f2
```
#6fc1f2 rgb(111,193,242)
```
#81c9f4
```
#81c9f4 rgb(129,201,244)
```
#93d1f5
```
#93d1f5 rgb(147,209,245)
```
#a5d8f7
```
#a5d8f7 rgb(165,216,247)
```
#b7e0f9
```
#b7e0f9 rgb(183,224,249)
```
#c9e8fa
```
#c9e8fa rgb(201,232,250)
```
#dbf0fc
```
#dbf0fc rgb(219,240,252)
```
#edf7fd
```
#edf7fd rgb(237,247,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6469 is the less saturated color, while #017bc3 is the most saturated one.

#5b6469
```
#5b6469 rgb(91,100,105)
```
#546670
```
#546670 rgb(84,102,112)
```
#4c6878
```
#4c6878 rgb(76,104,120)
```
#45697f
```
#45697f rgb(69,105,127)
```
#3d6b87
```
#3d6b87 rgb(61,107,135)
```
#366d8e
```
#366d8e rgb(54,109,142)
```
#2e6f96
```
#2e6f96 rgb(46,111,150)
```
#27719d
```
#27719d rgb(39,113,157)
```
#1f73a5
```
#1f73a5 rgb(31,115,165)
```
#1875ac
```
#1875ac rgb(24,117,172)
```
#1077b4
```
#1077b4 rgb(16,119,180)
```
#0879bc
```
#0879bc rgb(8,121,188)
```
#017bc3
```
#017bc3 rgb(1,123,195)
```

Tone Color Variation

Below, you can see how #1077b4 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

#5f5f5f Achromatopsia 0.005% of the population
#4f6470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6176b2 Protanopia 1% of men
#4e79ba Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4376b2 Protanomaly 1% of men, 0.01% of women
#3778b7 Deuteranomaly 6% of men, 0.4% of women
#057f9b Tritanomaly 0.01% of the population

#1077b4 hex color

#1077b4 Color Information

#1077b4 Color Conversion

Color Schemes with #1077b4

Alternatives to #1077b4

#1077b4 Preview

Shades and Tints of #1077b4

Tones of #1077b4

Color Blindness Simulator