colorhexa.com

#0c3a7c hex color

In a RGB color space, hex #0c3a7c is composed of 4.7% red, 22.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 53.2% magenta, 0% yellow and 51.4% black. It has a hue angle of 215.4 degrees, a saturation of 82.4% and a lightness of 26.7%. #0c3a7c color hex could be obtained by blending #1874f8 with #000000. Closest websafe color is: #003366.

- R 5
- G 23
- B 49
RGB color chart
- C 90
- M 53
- Y 0
- K 51
CMYK color chart

● #0c3a7c color description : Dark blue.

The hexadecimal color #0c3a7c has RGB values of R:12, G:58, B:124 and CMYK values of C:0.9, M:0.53, Y:0, K:0.51. Its decimal value is 801404.

Hex triplet	0c3a7c	`#0c3a7c`
RGB Decimal	12, 58, 124	`rgb(12,58,124)`
RGB Percent	4.7, 22.7, 48.6	`rgb(4.7%,22.7%,48.6%)`
CMYK	90, 53, 0, 51
HSL	215.4°, 82.4, 26.7	`hsl(215.4,82.4%,26.7%)`
HSV (or HSB)	215.4°, 90.3, 48.6
Web Safe	003366	`#003366`

CIE-LAB	25.44, 12.426, -41.609
XYZ	5.302, 4.559, 19.668
xyY	0.18, 0.154, 4.559
CIE-LCH	25.44, 43.425, 286.627
CIE-LUV	25.44, -12.571, -52.621
Hunter-Lab	21.352, 6.958, -39.668
Binary	00001100, 00111010, 01111100

#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#7c4e0c
```
#7c4e0c rgb(124,78,12)
```

Complementary Color

#0c727c
```
#0c727c rgb(12,114,124)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#160c7c
```
#160c7c rgb(22,12,124)
```

Analogous Color

#727c0c
```
#727c0c rgb(114,124,12)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#7c160c
```
#7c160c rgb(124,22,12)
```

Split Complementary Color

#3a7c0c
```
#3a7c0c rgb(58,124,12)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#7c0c3a
```
#7c0c3a rgb(124,12,58)
```

Triadic Color

#051936
```
#051936 rgb(5,25,54)
```
#08244e
```
#08244e rgb(8,36,78)
```
#0a2f65
```
#0a2f65 rgb(10,47,101)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#0e4593
```
#0e4593 rgb(14,69,147)
```
#1150ab
```
#1150ab rgb(17,80,171)
```
#135bc2
```
#135bc2 rgb(19,91,194)
```

Monochromatic Color

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

#0c567c
```
#0c567c rgb(12,86,124)
```
#0c4d7c
```
#0c4d7c rgb(12,77,124)
```
#0c437c
```
#0c437c rgb(12,67,124)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#0c317c
```
#0c317c rgb(12,49,124)
```
#0c277c
```
#0c277c rgb(12,39,124)
```
#0c1e7c
```
#0c1e7c rgb(12,30,124)
```

Similar Colors

Text with hexadecimal color #0c3a7c

This text has a font color of #0c3a7c.

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

#0c3a7c background color

This paragraph has a background color of #0c3a7c.

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

#0c3a7c border color

This element has a border color of #0c3a7c.

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

CSS codes

.text {color:#0c3a7c;}

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

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

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

#020811
```
#020811 rgb(2,8,17)
```
#031023
```
#031023 rgb(3,16,35)
```
#051934
```
#051934 rgb(5,25,52)
```
#072146
```
#072146 rgb(7,33,70)
```
#092958
```
#092958 rgb(9,41,88)
```
#0a326a
```
#0a326a rgb(10,50,106)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#0e428e
```
#0e428e rgb(14,66,142)
```
#0f4ba0
```
#0f4ba0 rgb(15,75,160)
```
#1153b2
```
#1153b2 rgb(17,83,178)
```
#135bc4
```
#135bc4 rgb(19,91,196)
```
#1564d5
```
#1564d5 rgb(21,100,213)
```
#166ce7
```
#166ce7 rgb(22,108,231)
```

Shade Color Variation

#2777ea
```
#2777ea rgb(39,119,234)
```
#3983ec
```
#3983ec rgb(57,131,236)
```
#4b8eee
```
#4b8eee rgb(75,142,238)
```
#5d99ef
```
#5d99ef rgb(93,153,239)
```
#6fa4f1
```
#6fa4f1 rgb(111,164,241)
```
#81b0f3
```
#81b0f3 rgb(129,176,243)
```
#93bbf5
```
#93bbf5 rgb(147,187,245)
```
#a4c6f6
```
#a4c6f6 rgb(164,198,246)
```
#b6d1f8
```
#b6d1f8 rgb(182,209,248)
```
#c8ddfa
```
#c8ddfa rgb(200,221,250)
```
#dae8fb
```
#dae8fb rgb(218,232,251)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#404348
```
#404348 rgb(64,67,72)
```
#3b424d
```
#3b424d rgb(59,66,77)
```
#364152
```
#364152 rgb(54,65,82)
```
#314157
```
#314157 rgb(49,65,87)
```
#2b405d
```
#2b405d rgb(43,64,93)
```
#263f62
```
#263f62 rgb(38,63,98)
```
#213e67
```
#213e67 rgb(33,62,103)
```
#1c3d6c
```
#1c3d6c rgb(28,61,108)
```
#163c72
```
#163c72 rgb(22,60,114)
```
#113b77
```
#113b77 rgb(17,59,119)
```
#0c3a7c
```
#0c3a7c rgb(12,58,124)
```
#073981
```
#073981 rgb(7,57,129)
```
#023886
```
#023886 rgb(2,56,134)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2c3542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#174482 Protanopia 1% of men
#004775 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#134080 Protanomaly 1% of men, 0.01% of women
#044278 Deuteranomaly 6% of men, 0.4% of women
#044661 Tritanomaly 0.01% of the population