colorhexa.com

#0c5ba5 hex color

In a RGB color space, hex #0c5ba5 is composed of 4.7% red, 35.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 44.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 209 degrees, a saturation of 86.4% and a lightness of 34.7%. #0c5ba5 color hex could be obtained by blending #18b6ff with #00004b. Closest websafe color is: #006699.

- R 5
- G 36
- B 65
RGB color chart
- C 93
- M 45
- Y 0
- K 35
CMYK color chart

● #0c5ba5 color description : Dark blue.

The hexadecimal color #0c5ba5 has RGB values of R:12, G:91, B:165 and CMYK values of C:0.93, M:0.45, Y:0, K:0.35. Its decimal value is 809893.

Hex triplet	0c5ba5	`#0c5ba5`
RGB Decimal	12, 91, 165	`rgb(12,91,165)`
RGB Percent	4.7, 35.7, 64.7	`rgb(4.7%,35.7%,64.7%)`
CMYK	93, 45, 0, 35
HSL	209°, 86.4, 34.7	`hsl(209,86.4%,34.7%)`
HSV (or HSB)	209°, 92.7, 64.7
Web Safe	006699	`#006699`

CIE-LAB	38.333, 7.101, -45.907
XYZ	10.683, 10.276, 37.016
xyY	0.184, 0.177, 10.276
CIE-LCH	38.333, 46.453, 278.793
CIE-LUV	38.333, -21.401, -66.324
Hunter-Lab	32.056, 3.387, -46.024
Binary	00001100, 01011011, 10100101

#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#a5560c
```
#a5560c rgb(165,86,12)
```

Complementary Color

#0ca5a3
```
#0ca5a3 rgb(12,165,163)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#0c0fa5
```
#0c0fa5 rgb(12,15,165)
```

Analogous Color

#a5a30c
```
#a5a30c rgb(165,163,12)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#a50c0f
```
#a50c0f rgb(165,12,15)
```

Split Complementary Color

#5ba50c
```
#5ba50c rgb(91,165,12)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#a50c5b
```
#a50c5b rgb(165,12,91)
```

Triadic Color

#07345e
```
#07345e rgb(7,52,94)
```
#094175
```
#094175 rgb(9,65,117)
```
#0a4e8d
```
#0a4e8d rgb(10,78,141)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#0e68bd
```
#0e68bd rgb(14,104,189)
```
#0f75d5
```
#0f75d5 rgb(15,117,213)
```
#1182ec
```
#1182ec rgb(17,130,236)
```

Monochromatic Color

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

#0c81a5
```
#0c81a5 rgb(12,129,165)
```
#0c75a5
```
#0c75a5 rgb(12,117,165)
```
#0c68a5
```
#0c68a5 rgb(12,104,165)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#0c4ea5
```
#0c4ea5 rgb(12,78,165)
```
#0c42a5
```
#0c42a5 rgb(12,66,165)
```
#0c35a5
```
#0c35a5 rgb(12,53,165)
```

Similar Colors

Text with hexadecimal color #0c5ba5

This text has a font color of #0c5ba5.

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

#0c5ba5 background color

This paragraph has a background color of #0c5ba5.

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

#0c5ba5 border color

This element has a border color of #0c5ba5.

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

CSS codes

.text {color:#0c5ba5;}

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

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

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, #000000 is the darkest color, while #edf6fe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010a13
```
#010a13 rgb(1,10,19)
```
#031425
```
#031425 rgb(3,20,37)
```
#041e37
```
#041e37 rgb(4,30,55)
```
#05294a
```
#05294a rgb(5,41,74)
```
#07335c
```
#07335c rgb(7,51,92)
```
#083d6e
```
#083d6e rgb(8,61,110)
```
#094780
```
#094780 rgb(9,71,128)
```
#0b5193
```
#0b5193 rgb(11,81,147)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#0d65b7
```
#0d65b7 rgb(13,101,183)
```
#0f6fca
```
#0f6fca rgb(15,111,202)
```
#1079dc
```
#1079dc rgb(16,121,220)
```

Shade Color Variation

#1283ee
```
#1283ee rgb(18,131,238)
```
#248def
```
#248def rgb(36,141,239)
```
#3696f0
```
#3696f0 rgb(54,150,240)
```
#49a0f2
```
#49a0f2 rgb(73,160,242)
```
#5ba9f3
```
#5ba9f3 rgb(91,169,243)
```
#6db3f4
```
#6db3f4 rgb(109,179,244)
```
#7fbdf6
```
#7fbdf6 rgb(127,189,246)
```
#92c6f7
```
#92c6f7 rgb(146,198,247)
```
#a4d0f8
```
#a4d0f8 rgb(164,208,248)
```
#b6d9fa
```
#b6d9fa rgb(182,217,250)
```
#c9e3fb
```
#c9e3fb rgb(201,227,251)
```
#dbecfc
```
#dbecfc rgb(219,236,252)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595a is the less saturated color, while #055bac is the most saturated one.

#57595a
```
#57595a rgb(87,89,90)
```
#505961
```
#505961 rgb(80,89,97)
```
#495968
```
#495968 rgb(73,89,104)
```
#42596f
```
#42596f rgb(66,89,111)
```
#3c5975
```
#3c5975 rgb(60,89,117)
```
#355a7c
```
#355a7c rgb(53,90,124)
```
#2e5a83
```
#2e5a83 rgb(46,90,131)
```
#275a8a
```
#275a8a rgb(39,90,138)
```
#205a91
```
#205a91 rgb(32,90,145)
```
#1a5b97
```
#1a5b97 rgb(26,91,151)
```
#135b9e
```
#135b9e rgb(19,91,158)
```
#0c5ba5
```
#0c5ba5 rgb(12,91,165)
```
#055bac
```
#055bac rgb(5,91,172)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3f4f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d60a7 Protanopia 1% of men
#0064a7 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2b5ea6 Protanomaly 1% of men, 0.01% of women
#0461a6 Deuteranomaly 6% of men, 0.4% of women
#046685 Tritanomaly 0.01% of the population