#0c3548 hex color

In a RGB color space, hex #0c3548 is composed of 4.7% red, 20.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 26.4% magenta, 0% yellow and 71.8% black. It has a hue angle of 199 degrees, a saturation of 71.4% and a lightness of 16.5%. #0c3548 color hex could be obtained by blending #186a90 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 5
- G 21
- B 28
RGB color chart
- C 83
- M 26
- Y 0
- K 72
CMYK color chart

● #0c3548 color description : Very dark blue.

The hexadecimal color #0c3548 has RGB values of R:12, G:53, B:72 and CMYK values of C:0.83, M:0.26, Y:0, K:0.72. Its decimal value is 800072.

Hex triplet	0c3548	`#0c3548`
RGB Decimal	12, 53, 72	`rgb(12,53,72)`
RGB Percent	4.7, 20.8, 28.2	`rgb(4.7%,20.8%,28.2%)`
CMYK	83, 26, 0, 72
HSL	199°, 71.4, 16.5	`hsl(199,71.4%,16.5%)`
HSV (or HSB)	199°, 83.3, 28.2
Web Safe	003333	`#003333`

CIE-LAB	20.409, -6.394, -15.753
XYZ	2.594, 3.092, 6.591
xyY	0.211, 0.252, 3.092
CIE-LCH	20.409, 17.001, 247.91
CIE-LUV	20.409, -12.444, -16.858
Hunter-Lab	17.584, -4.439, -9.913
Binary	00001100, 00110101, 01001000

#0c3548
```
#0c3548 rgb(12,53,72)
```
#481f0c
```
#481f0c rgb(72,31,12)
```

Complementary Color

#0c483d
```
#0c483d rgb(12,72,61)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#0c1748
```
#0c1748 rgb(12,23,72)
```

Analogous Color

#483d0c
```
#483d0c rgb(72,61,12)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#480c17
```
#480c17 rgb(72,12,23)
```

Split Complementary Color

#35480c
```
#35480c rgb(53,72,12)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#480c35
```
#480c35 rgb(72,12,53)
```

Triadic Color

#0c481f
```
#0c481f rgb(12,72,31)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#480c35
```
#480c35 rgb(72,12,53)
```
#481f0c
```
#481f0c rgb(72,31,12)
```

Tetradic Color

#010506
```
#010506 rgb(1,5,6)
```
#05151c
```
#05151c rgb(5,21,28)
```
#082532
```
#082532 rgb(8,37,50)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#10455e
```
#10455e rgb(16,69,94)
```
#135574
```
#135574 rgb(19,85,116)
```
#17658a
```
#17658a rgb(23,101,138)
```

Monochromatic Color

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

#0c4448
```
#0c4448 rgb(12,68,72)
```
#0c3f48
```
#0c3f48 rgb(12,63,72)
```
#0c3a48
```
#0c3a48 rgb(12,58,72)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#0c3048
```
#0c3048 rgb(12,48,72)
```
#0c2b48
```
#0c2b48 rgb(12,43,72)
```
#0c2648
```
#0c2648 rgb(12,38,72)
```

Similar Colors

Text with hexadecimal color #0c3548

This text has a font color of #0c3548.

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

#0c3548 background color

This paragraph has a background color of #0c3548.

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

#0c3548 border color

This element has a border color of #0c3548.

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

CSS codes

.text {color:#0c3548;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#041016
```
#041016 rgb(4,16,22)
```
#061c26
```
#061c26 rgb(6,28,38)
```
#092937
```
#092937 rgb(9,41,55)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#0f4159
```
#0f4159 rgb(15,65,89)
```
#124e6a
```
#124e6a rgb(18,78,106)
```
#145a7a
```
#145a7a rgb(20,90,122)
```
#17678b
```
#17678b rgb(23,103,139)
```
#1a739c
```
#1a739c rgb(26,115,156)
```
#1d7fad
```
#1d7fad rgb(29,127,173)
```
#208cbe
```
#208cbe rgb(32,140,190)
```
#2298cf
```
#2298cf rgb(34,152,207)
```

Shade Color Variation

#29a3db
```
#29a3db rgb(41,163,219)
```
#3aaade
```
#3aaade rgb(58,170,222)
```
#4bb1e1
```
#4bb1e1 rgb(75,177,225)
```
#5cb9e4
```
#5cb9e4 rgb(92,185,228)
```
#6cc0e7
```
#6cc0e7 rgb(108,192,231)
```
#7dc7e9
```
#7dc7e9 rgb(125,199,233)
```
#8eceec
```
#8eceec rgb(142,206,236)
```
#9fd6ef
```
#9fd6ef rgb(159,214,239)
```
#b0ddf2
```
#b0ddf2 rgb(176,221,242)
```
#c0e4f5
```
#c0e4f5 rgb(192,228,245)
```
#d1ebf7
```
#d1ebf7 rgb(209,235,247)
```
#e2f3fa
```
#e2f3fa rgb(226,243,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#292a2b
```
#292a2b rgb(41,42,43)
```
#262c2e
```
#262c2e rgb(38,44,46)
```
#232d31
```
#232d31 rgb(35,45,49)
```
#1f2e35
```
#1f2e35 rgb(31,46,53)
```
#1c2f38
```
#1c2f38 rgb(28,47,56)
```
#19303b
```
#19303b rgb(25,48,59)
```
#16313e
```
#16313e rgb(22,49,62)
```
#123342
```
#123342 rgb(18,51,66)
```
#0f3445
```
#0f3445 rgb(15,52,69)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#09364b
```
#09364b rgb(9,54,75)
```
#06374e
```
#06374e rgb(6,55,78)
```
#023952
```
#023952 rgb(2,57,82)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#252d31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363b4e Protanopia 1% of men
#323b53 Deuteranopia 1% of men
#084146 Tritanopia 0.001% of the population

Trichromacy

#26384c Protanomaly 1% of men, 0.01% of women
#24394f Deuteranomaly 6% of men, 0.4% of women
#093d47 Tritanomaly 0.01% of the population

#0c3548 hex color

#0c3548 Color Information

#0c3548 Color Conversion

Color Schemes with #0c3548

Alternatives to #0c3548

#0c3548 Preview

Shades and Tints of #0c3548

Tones of #0c3548

Color Blindness Simulator