#0c57b2 hex color

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

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

● #0c57b2 color description : Dark blue.

The hexadecimal color #0c57b2 has RGB values of R:12, G:87, B:178 and CMYK values of C:0.93, M:0.51, Y:0, K:0.3. Its decimal value is 808882.

Hex triplet	0c57b2	`#0c57b2`
RGB Decimal	12, 87, 178	`rgb(12,87,178)`
RGB Percent	4.7, 34.1, 69.8	`rgb(4.7%,34.1%,69.8%)`
CMYK	93, 51, 0, 30
HSL	212.9°, 87.4, 37.3	`hsl(212.9,87.4%,37.3%)`
HSV (or HSB)	212.9°, 93.3, 69.8
Web Safe	006699	`#006699`

CIE-LAB	38.035, 15.06, -54.088
XYZ	11.594, 10.108, 43.457
xyY	0.178, 0.155, 10.108
CIE-LCH	38.035, 56.146, 285.559
CIE-LUV	38.035, -19.717, -78.358
Hunter-Lab	31.793, 9.456, -58.787
Binary	00001100, 01010111, 10110010

#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#b2670c
```
#b2670c rgb(178,103,12)
```

Complementary Color

#0caab2
```
#0caab2 rgb(12,170,178)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#140cb2
```
#140cb2 rgb(20,12,178)
```

Analogous Color

#aab20c
```
#aab20c rgb(170,178,12)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#b2140c
```
#b2140c rgb(178,20,12)
```

Split Complementary Color

#57b20c
```
#57b20c rgb(87,178,12)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#b20c57
```
#b20c57 rgb(178,12,87)
```

Triadic Color

#0cb267
```
#0cb267 rgb(12,178,103)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#b20c57
```
#b20c57 rgb(178,12,87)
```
#b2670c
```
#b2670c rgb(178,103,12)
```

Tetradic Color

#07346a
```
#07346a rgb(7,52,106)
```
#094082
```
#094082 rgb(9,64,130)
```
#0a4b9a
```
#0a4b9a rgb(10,75,154)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#0e63ca
```
#0e63ca rgb(14,99,202)
```
#0f6ee2
```
#0f6ee2 rgb(15,110,226)
```
#1b7bf0
```
#1b7bf0 rgb(27,123,240)
```

Monochromatic Color

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

#0c81b2
```
#0c81b2 rgb(12,129,178)
```
#0c73b2
```
#0c73b2 rgb(12,115,178)
```
#0c65b2
```
#0c65b2 rgb(12,101,178)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#0c49b2
```
#0c49b2 rgb(12,73,178)
```
#0c3bb2
```
#0c3bb2 rgb(12,59,178)
```
#0c2eb2
```
#0c2eb2 rgb(12,46,178)
```

Similar Colors

Text with hexadecimal color #0c57b2

This text has a font color of #0c57b2.

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

#0c57b2 background color

This paragraph has a background color of #0c57b2.

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

#0c57b2 border color

This element has a border color of #0c57b2.

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

CSS codes

.text {color:#0c57b2;}

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

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

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

#01060d
```
#01060d rgb(1,6,13)
```
#020f1f
```
#020f1f rgb(2,15,31)
```
#031831
```
#031831 rgb(3,24,49)
```
#052144
```
#052144 rgb(5,33,68)
```
#062a56
```
#062a56 rgb(6,42,86)
```
#073368
```
#073368 rgb(7,51,104)
```
#083c7b
```
#083c7b rgb(8,60,123)
```
#0a458d
```
#0a458d rgb(10,69,141)
```
#0b4ea0
```
#0b4ea0 rgb(11,78,160)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#0d60c4
```
#0d60c4 rgb(13,96,196)
```
#0e69d7
```
#0e69d7 rgb(14,105,215)
```
#1072e9
```
#1072e9 rgb(16,114,233)
```

Shade Color Variation

#1d7cf0
```
#1d7cf0 rgb(29,124,240)
```
#2f87f1
```
#2f87f1 rgb(47,135,241)
```
#4191f2
```
#4191f2 rgb(65,145,242)
```
#549cf3
```
#549cf3 rgb(84,156,243)
```
#66a7f5
```
#66a7f5 rgb(102,167,245)
```
#79b1f6
```
#79b1f6 rgb(121,177,246)
```
#8bbcf7
```
#8bbcf7 rgb(139,188,247)
```
#9dc6f8
```
#9dc6f8 rgb(157,198,248)
```
#b0d1fa
```
#b0d1fa rgb(176,209,250)
```
#c2dcfb
```
#c2dcfb rgb(194,220,251)
```
#d4e6fc
```
#d4e6fc rgb(212,230,252)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#5c5f62
```
#5c5f62 rgb(92,95,98)
```
#555e69
```
#555e69 rgb(85,94,105)
```
#4e5d70
```
#4e5d70 rgb(78,93,112)
```
#465d78
```
#465d78 rgb(70,93,120)
```
#3f5c7f
```
#3f5c7f rgb(63,92,127)
```
#385b86
```
#385b86 rgb(56,91,134)
```
#315b8d
```
#315b8d rgb(49,91,141)
```
#295a95
```
#295a95 rgb(41,90,149)
```
#22599c
```
#22599c rgb(34,89,156)
```
#1b58a3
```
#1b58a3 rgb(27,88,163)
```
#1358ab
```
#1358ab rgb(19,88,171)
```
#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#0556b9
```
#0556b9 rgb(5,86,185)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3e4d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#235fb5 Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1a5cb4 Protanomaly 1% of men, 0.01% of women
#045fa9 Deuteranomaly 6% of men, 0.4% of women
#046489 Tritanomaly 0.01% of the population

#0c57b2 hex color

#0c57b2 Color Information

#0c57b2 Color Conversion

Color Schemes with #0c57b2

Alternatives to #0c57b2

#0c57b2 Preview

Shades and Tints of #0c57b2

Tones of #0c57b2

Color Blindness Simulator