#0077c1 hex color

In a RGB color space, hex #0077c1 is composed of 0% red, 46.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 38.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 203 degrees, a saturation of 100% and a lightness of 37.8%. #0077c1 color hex could be obtained by blending #00eeff with #000083. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 47
- B 76
RGB color chart
- C 100
- M 38
- Y 0
- K 24
CMYK color chart

● #0077c1 color description : Strong blue.

The hexadecimal color #0077c1 has RGB values of R:0, G:119, B:193 and CMYK values of C:1, M:0.38, Y:0, K:0.24. Its decimal value is 30657.

Hex triplet	0077c1	`#0077c1`
RGB Decimal	0, 119, 193	`rgb(0,119,193)`
RGB Percent	0, 46.7, 75.7	`rgb(0%,46.7%,75.7%)`
CMYK	100, 38, 0, 24
HSL	203°, 100, 37.8	`hsl(203,100%,37.8%)`
HSV (or HSB)	203°, 100, 75.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	48.313, 0.125, -46.326
XYZ	16.22, 17.042, 52.884
xyY	0.188, 0.198, 17.042
CIE-LCH	48.313, 46.326, 270.154
CIE-LUV	48.313, -29.603, -70.379
Hunter-Lab	41.282, -2.11, -47.054
Binary	00000000, 01110111, 11000001

#0077c1
```
#0077c1 rgb(0,119,193)
```
#c14a00
```
#c14a00 rgb(193,74,0)
```

Complementary Color

#00c1ab
```
#00c1ab rgb(0,193,171)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#0017c1
```
#0017c1 rgb(0,23,193)
```

Analogous Color

#c1ab00
```
#c1ab00 rgb(193,171,0)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#c10016
```
#c10016 rgb(193,0,22)
```

Split Complementary Color

#77c100
```
#77c100 rgb(119,193,0)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#c10077
```
#c10077 rgb(193,0,119)
```

Triadic Color

#00c14a
```
#00c14a rgb(0,193,74)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#c10077
```
#c10077 rgb(193,0,119)
```
#c14a00
```
#c14a00 rgb(193,74,0)
```

Tetradic Color

#004875
```
#004875 rgb(0,72,117)
```
#00588e
```
#00588e rgb(0,88,142)
```
#0067a8
```
#0067a8 rgb(0,103,168)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#0087db
```
#0087db rgb(0,135,219)
```
#0096f4
```
#0096f4 rgb(0,150,244)
```
#0fa3ff
```
#0fa3ff rgb(15,163,255)
```

Monochromatic Color

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

#00a7c1
```
#00a7c1 rgb(0,167,193)
```
#0097c1
```
#0097c1 rgb(0,151,193)
```
#0087c1
```
#0087c1 rgb(0,135,193)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#0067c1
```
#0067c1 rgb(0,103,193)
```
#0057c1
```
#0057c1 rgb(0,87,193)
```
#0047c1
```
#0047c1 rgb(0,71,193)
```

Similar Colors

Text with hexadecimal color #0077c1

This text has a font color of #0077c1.

<span style="color:#0077c1;">Text here</span>

#0077c1 background color

This paragraph has a background color of #0077c1.

<p style="background-color:#0077c1;">Content here</p>

#0077c1 border color

This element has a border color of #0077c1.

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

CSS codes

.text {color:#0077c1;}

.background {background-color:#0077c1;}

.border {border:1px solid #0077c1;}

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, #000a10 is the darkest color, while #fcfeff is the lightest one.

#000a10
```
#000a10 rgb(0,10,16)
```
#001624
```
#001624 rgb(0,22,36)
```
#002238
```
#002238 rgb(0,34,56)
```
#002e4b
```
#002e4b rgb(0,46,75)
```
#003b5f
```
#003b5f rgb(0,59,95)
```
#004773
```
#004773 rgb(0,71,115)
```
#005386
```
#005386 rgb(0,83,134)
```
#005f9a
```
#005f9a rgb(0,95,154)
```
#006bad
```
#006bad rgb(0,107,173)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```
#0083d5
```
#0083d5 rgb(0,131,213)
```
#008fe8
```
#008fe8 rgb(0,143,232)
```
#009bfc
```
#009bfc rgb(0,155,252)
```

Shade Color Variation

#10a4ff
```
#10a4ff rgb(16,164,255)
```
#24abff
```
#24abff rgb(36,171,255)
```
#38b3ff
```
#38b3ff rgb(56,179,255)
```
#4bbaff
```
#4bbaff rgb(75,186,255)
```
#5fc2ff
```
#5fc2ff rgb(95,194,255)
```
#73c9ff
```
#73c9ff rgb(115,201,255)
```
#86d1ff
```
#86d1ff rgb(134,209,255)
```
#9ad8ff
```
#9ad8ff rgb(154,216,255)
```
#ade0ff
```
#ade0ff rgb(173,224,255)
```
#c1e7ff
```
#c1e7ff rgb(193,231,255)
```
#d5efff
```
#d5efff rgb(213,239,255)
```
#e8f6ff
```
#e8f6ff rgb(232,246,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#596268
```
#596268 rgb(89,98,104)
```
#52646f
```
#52646f rgb(82,100,111)
```
#4a6677
```
#4a6677 rgb(74,102,119)
```
#43677e
```
#43677e rgb(67,103,126)
```
#3b6986
```
#3b6986 rgb(59,105,134)
```
#346b8d
```
#346b8d rgb(52,107,141)
```
#2d6d94
```
#2d6d94 rgb(45,109,148)
```
#256e9c
```
#256e9c rgb(37,110,156)
```
#1e70a3
```
#1e70a3 rgb(30,112,163)
```
#1672ab
```
#1672ab rgb(22,114,171)
```
#0f74b2
```
#0f74b2 rgb(15,116,178)
```
#0775ba
```
#0775ba rgb(7,117,186)
```
#0077c1
```
#0077c1 rgb(0,119,193)
```

Tone Color Variation

Below, you can see how #0077c1 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
#4a6170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a77bf Protanopia 1% of men
#3c7bc5 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#3977bf Protanomaly 1% of men, 0.01% of women
#2679c3 Deuteranomaly 6% of men, 0.4% of women
#0080a0 Tritanomaly 0.01% of the population

#0077c1 hex color

#0077c1 Color Information

#0077c1 Color Conversion

Color Schemes with #0077c1

Alternatives to #0077c1

#0077c1 Preview

Shades and Tints of #0077c1

Tones of #0077c1

Color Blindness Simulator