#0c77b2 hex color

In a RGB color space, hex #0c77b2 is composed of 4.7% red, 46.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 33.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 201.3 degrees, a saturation of 87.4% and a lightness of 37.3%. #0c77b2 color hex could be obtained by blending #18eeff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 5
- G 47
- B 70
RGB color chart
- C 93
- M 33
- Y 0
- K 30
CMYK color chart

● #0c77b2 color description : Dark blue.

The hexadecimal color #0c77b2 has RGB values of R:12, G:119, B:178 and CMYK values of C:0.93, M:0.33, Y:0, K:0.3. Its decimal value is 817074.

Hex triplet	0c77b2	`#0c77b2`
RGB Decimal	12, 119, 178	`rgb(12,119,178)`
RGB Percent	4.7, 46.7, 69.8	`rgb(4.7%,46.7%,69.8%)`
CMYK	93, 33, 0, 30
HSL	201.3°, 87.4, 37.3	`hsl(201.3,87.4%,37.3%)`
HSV (or HSB)	201.3°, 93.3, 69.8
Web Safe	006699	`#006699`

CIE-LAB	47.604, -5.268, -38.781
XYZ	14.782, 16.485, 44.52
xyY	0.195, 0.218, 16.485
CIE-LCH	47.604, 39.137, 262.265
CIE-LUV	47.604, -29.938, -57.749
Hunter-Lab	40.601, -6.063, -36.591
Binary	00001100, 01110111, 10110010

#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#b2470c
```
#b2470c rgb(178,71,12)
```

Complementary Color

#0cb29a
```
#0cb29a rgb(12,178,154)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#0c24b2
```
#0c24b2 rgb(12,36,178)
```

Analogous Color

#b29a0c
```
#b29a0c rgb(178,154,12)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#b20c24
```
#b20c24 rgb(178,12,36)
```

Split Complementary Color

#77b20c
```
#77b20c rgb(119,178,12)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#b20c77
```
#b20c77 rgb(178,12,119)
```

Triadic Color

#0cb247
```
#0cb247 rgb(12,178,71)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#b20c77
```
#b20c77 rgb(178,12,119)
```
#b2470c
```
#b2470c rgb(178,71,12)
```

Tetradic Color

#07476a
```
#07476a rgb(7,71,106)
```
#095782
```
#095782 rgb(9,87,130)
```
#0a679a
```
#0a679a rgb(10,103,154)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#0e87ca
```
#0e87ca rgb(14,135,202)
```
#0f97e2
```
#0f97e2 rgb(15,151,226)
```
#1ba4f0
```
#1ba4f0 rgb(27,164,240)
```

Monochromatic Color

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

#0ca1b2
```
#0ca1b2 rgb(12,161,178)
```
#0c93b2
```
#0c93b2 rgb(12,147,178)
```
#0c85b2
```
#0c85b2 rgb(12,133,178)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#0c69b2
```
#0c69b2 rgb(12,105,178)
```
#0c5bb2
```
#0c5bb2 rgb(12,91,178)
```
#0c4eb2
```
#0c4eb2 rgb(12,78,178)
```

Similar Colors

Text with hexadecimal color #0c77b2

This text has a font color of #0c77b2.

<span style="color:#0c77b2;">Text here</span>

#0c77b2 background color

This paragraph has a background color of #0c77b2.

<p style="background-color:#0c77b2;">Content here</p>

#0c77b2 border color

This element has a border color of #0c77b2.

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

CSS codes

.text {color:#0c77b2;}

.background {background-color:#0c77b2;}

.border {border:1px solid #0c77b2;}

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, #01080d is the darkest color, while #f9fdff is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#02151f
```
#02151f rgb(2,21,31)
```
#032131
```
#032131 rgb(3,33,49)
```
#052d44
```
#052d44 rgb(5,45,68)
```
#063a56
```
#063a56 rgb(6,58,86)
```
#074668
```
#074668 rgb(7,70,104)
```
#08527b
```
#08527b rgb(8,82,123)
```
#0a5e8d
```
#0a5e8d rgb(10,94,141)
```
#0b6ba0
```
#0b6ba0 rgb(11,107,160)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#0d83c4
```
#0d83c4 rgb(13,131,196)
```
#0e90d7
```
#0e90d7 rgb(14,144,215)
```
#109ce9
```
#109ce9 rgb(16,156,233)
```

Shade Color Variation

#1da5f0
```
#1da5f0 rgb(29,165,240)
```
#2facf1
```
#2facf1 rgb(47,172,241)
```
#41b3f2
```
#41b3f2 rgb(65,179,242)
```
#54bbf3
```
#54bbf3 rgb(84,187,243)
```
#66c2f5
```
#66c2f5 rgb(102,194,245)
```
#79c9f6
```
#79c9f6 rgb(121,201,246)
```
#8bd1f7
```
#8bd1f7 rgb(139,209,247)
```
#9dd8f8
```
#9dd8f8 rgb(157,216,248)
```
#b0dffa
```
#b0dffa rgb(176,223,250)
```
#c2e7fb
```
#c2e7fb rgb(194,231,251)
```
#d4eefc
```
#d4eefc rgb(212,238,252)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#5c6062
```
#5c6062 rgb(92,96,98)
```
#556269
```
#556269 rgb(85,98,105)
```
#4e6470
```
#4e6470 rgb(78,100,112)
```
#466678
```
#466678 rgb(70,102,120)
```
#3f687f
```
#3f687f rgb(63,104,127)
```
#386a86
```
#386a86 rgb(56,106,134)
```
#316c8d
```
#316c8d rgb(49,108,141)
```
#296f95
```
#296f95 rgb(41,111,149)
```
#22719c
```
#22719c rgb(34,113,156)
```
#1b73a3
```
#1b73a3 rgb(27,115,163)
```
#1375ab
```
#1375ab rgb(19,117,171)
```
#0c77b2
```
#0c77b2 rgb(12,119,178)
```
#0579b9
```
#0579b9 rgb(5,121,185)
```

Tone Color Variation

Below, you can see how #0c77b2 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

#5e5e5e Achromatopsia 0.005% of the population
#4e636f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6276b0 Protanopia 1% of men
#4f78b8 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#4276b0 Protanomaly 1% of men, 0.01% of women
#3778b6 Deuteranomaly 6% of men, 0.4% of women
#047f9a Tritanomaly 0.01% of the population

#0c77b2 hex color

#0c77b2 Color Information

#0c77b2 Color Conversion

Color Schemes with #0c77b2

Alternatives to #0c77b2

#0c77b2 Preview

Shades and Tints of #0c77b2

Tones of #0c77b2

Color Blindness Simulator