colorhexa.com

#0c5aa5 hex color

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

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

● #0c5aa5 color description : Dark blue.

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

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

CIE-LAB	38.032, 7.757, -46.39
XYZ	10.598, 10.106, 36.987
xyY	0.184, 0.175, 10.106
CIE-LCH	38.032, 47.034, 279.493
CIE-LUV	38.032, -21.086, -66.921
Hunter-Lab	31.79, 3.873, -46.73
Binary	00001100, 01011010, 10100101

#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#a5570c
```
#a5570c rgb(165,87,12)
```

Complementary Color

#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#0c0ea5
```
#0c0ea5 rgb(12,14,165)
```

Analogous Color

#a5a40c
```
#a5a40c rgb(165,164,12)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#a50c0e
```
#a50c0e rgb(165,12,14)
```

Split Complementary Color

#5aa50c
```
#5aa50c rgb(90,165,12)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#a50c5a
```
#a50c5a rgb(165,12,90)
```

Triadic Color

#07335e
```
#07335e rgb(7,51,94)
```
#094075
```
#094075 rgb(9,64,117)
```
#0a4d8d
```
#0a4d8d rgb(10,77,141)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#0e67bd
```
#0e67bd rgb(14,103,189)
```
#0f74d5
```
#0f74d5 rgb(15,116,213)
```
#1181ec
```
#1181ec rgb(17,129,236)
```

Monochromatic Color

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

#0c80a5
```
#0c80a5 rgb(12,128,165)
```
#0c74a5
```
#0c74a5 rgb(12,116,165)
```
#0c67a5
```
#0c67a5 rgb(12,103,165)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#0c4da5
```
#0c4da5 rgb(12,77,165)
```
#0c41a5
```
#0c41a5 rgb(12,65,165)
```
#0c34a5
```
#0c34a5 rgb(12,52,165)
```

Similar Colors

Text with hexadecimal color #0c5aa5

This text has a font color of #0c5aa5.

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

#0c5aa5 background color

This paragraph has a background color of #0c5aa5.

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

#0c5aa5 border color

This element has a border color of #0c5aa5.

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

CSS codes

.text {color:#0c5aa5;}

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

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

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)
```
#05284a
```
#05284a rgb(5,40,74)
```
#07325c
```
#07325c rgb(7,50,92)
```
#083c6e
```
#083c6e rgb(8,60,110)
```
#094680
```
#094680 rgb(9,70,128)
```
#0b5093
```
#0b5093 rgb(11,80,147)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#0d64b7
```
#0d64b7 rgb(13,100,183)
```
#0f6eca
```
#0f6eca rgb(15,110,202)
```
#1078dc
```
#1078dc rgb(16,120,220)
```

Shade Color Variation

#1282ee
```
#1282ee rgb(18,130,238)
```
#248cef
```
#248cef rgb(36,140,239)
```
#3695f0
```
#3695f0 rgb(54,149,240)
```
#499ff2
```
#499ff2 rgb(73,159,242)
```
#5ba8f3
```
#5ba8f3 rgb(91,168,243)
```
#6db2f4
```
#6db2f4 rgb(109,178,244)
```
#7fbcf6
```
#7fbcf6 rgb(127,188,246)
```
#92c5f7
```
#92c5f7 rgb(146,197,247)
```
#a4cff8
```
#a4cff8 rgb(164,207,248)
```
#b6d9fa
```
#b6d9fa rgb(182,217,250)
```
#c9e2fb
```
#c9e2fb rgb(201,226,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 #055aac 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)
```
#35597c
```
#35597c rgb(53,89,124)
```
#2e5983
```
#2e5983 rgb(46,89,131)
```
#27598a
```
#27598a rgb(39,89,138)
```
#205a91
```
#205a91 rgb(32,90,145)
```
#1a5a97
```
#1a5a97 rgb(26,90,151)
```
#135a9e
```
#135a9e rgb(19,90,158)
```
#0c5aa5
```
#0c5aa5 rgb(12,90,165)
```
#055aac
```
#055aac rgb(5,90,172)
```

Tone Color Variation

Below, you can see how #0c5aa5 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
#3e4e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5fa7 Protanopia 1% of men
#0063a5 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#2a5da6 Protanomaly 1% of men, 0.01% of women
#0460a5 Deuteranomaly 6% of men, 0.4% of women
#046584 Tritanomaly 0.01% of the population