#0c3348 hex color

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

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

● #0c3348 color description : Very dark blue.

The hexadecimal color #0c3348 has RGB values of R:12, G:51, B:72 and CMYK values of C:0.83, M:0.29, Y:0, K:0.72. Its decimal value is 799560.

Hex triplet	0c3348	`#0c3348`
RGB Decimal	12, 51, 72	`rgb(12,51,72)`
RGB Percent	4.7, 20, 28.2	`rgb(4.7%,20%,28.2%)`
CMYK	83, 29, 0, 72
HSL	201°, 71.4, 16.5	`hsl(201,71.4%,16.5%)`
HSV (or HSB)	201°, 83.3, 28.2
Web Safe	003333	`#003333`

CIE-LAB	19.694, -5.06, -16.867
XYZ	2.505, 2.913, 6.561
xyY	0.209, 0.243, 2.913
CIE-LCH	19.694, 17.61, 253.302
CIE-LUV	19.694, -11.72, -18.018
Hunter-Lab	17.069, -3.676, -10.841
Binary	00001100, 00110011, 01001000

#0c3348
```
#0c3348 rgb(12,51,72)
```
#48210c
```
#48210c rgb(72,33,12)
```

Complementary Color

#0c483f
```
#0c483f rgb(12,72,63)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#0c1548
```
#0c1548 rgb(12,21,72)
```

Analogous Color

#483f0c
```
#483f0c rgb(72,63,12)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#480c15
```
#480c15 rgb(72,12,21)
```

Split Complementary Color

#33480c
```
#33480c rgb(51,72,12)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#480c33
```
#480c33 rgb(72,12,51)
```

Triadic Color

#0c4821
```
#0c4821 rgb(12,72,33)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#480c33
```
#480c33 rgb(72,12,51)
```
#48210c
```
#48210c rgb(72,33,12)
```

Tetradic Color

#010506
```
#010506 rgb(1,5,6)
```
#05141c
```
#05141c rgb(5,20,28)
```
#082432
```
#082432 rgb(8,36,50)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#10425e
```
#10425e rgb(16,66,94)
```
#135274
```
#135274 rgb(19,82,116)
```
#17618a
```
#17618a rgb(23,97,138)
```

Monochromatic Color

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

#0c4248
```
#0c4248 rgb(12,66,72)
```
#0c3d48
```
#0c3d48 rgb(12,61,72)
```
#0c3848
```
#0c3848 rgb(12,56,72)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#0c2e48
```
#0c2e48 rgb(12,46,72)
```
#0c2948
```
#0c2948 rgb(12,41,72)
```
#0c2448
```
#0c2448 rgb(12,36,72)
```

Similar Colors

Text with hexadecimal color #0c3348

This text has a font color of #0c3348.

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

#0c3348 background color

This paragraph has a background color of #0c3348.

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

#0c3348 border color

This element has a border color of #0c3348.

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

CSS codes

.text {color:#0c3348;}

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

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

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 #f3f9fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#040f16
```
#040f16 rgb(4,15,22)
```
#061b26
```
#061b26 rgb(6,27,38)
```
#092737
```
#092737 rgb(9,39,55)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#0f3f59
```
#0f3f59 rgb(15,63,89)
```
#124b6a
```
#124b6a rgb(18,75,106)
```
#14577a
```
#14577a rgb(20,87,122)
```
#17638b
```
#17638b rgb(23,99,139)
```
#1a6f9c
```
#1a6f9c rgb(26,111,156)
```
#1d7aad
```
#1d7aad rgb(29,122,173)
```
#2086be
```
#2086be rgb(32,134,190)
```
#2292cf
```
#2292cf rgb(34,146,207)
```

Shade Color Variation

#299ddb
```
#299ddb rgb(41,157,219)
```
#3aa5de
```
#3aa5de rgb(58,165,222)
```
#4bace1
```
#4bace1 rgb(75,172,225)
```
#5cb4e4
```
#5cb4e4 rgb(92,180,228)
```
#6cbce7
```
#6cbce7 rgb(108,188,231)
```
#7dc4e9
```
#7dc4e9 rgb(125,196,233)
```
#8ecbec
```
#8ecbec rgb(142,203,236)
```
#9fd3ef
```
#9fd3ef rgb(159,211,239)
```
#b0dbf2
```
#b0dbf2 rgb(176,219,242)
```
#c0e2f5
```
#c0e2f5 rgb(192,226,245)
```
#d1eaf7
```
#d1eaf7 rgb(209,234,247)
```
#e2f2fa
```
#e2f2fa rgb(226,242,250)
```
#f3f9fd
```
#f3f9fd rgb(243,249,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 #023652 is the most saturated one.

#292a2b
```
#292a2b rgb(41,42,43)
```
#262b2e
```
#262b2e rgb(38,43,46)
```
#232c31
```
#232c31 rgb(35,44,49)
```
#1f2d35
```
#1f2d35 rgb(31,45,53)
```
#1c2e38
```
#1c2e38 rgb(28,46,56)
```
#192f3b
```
#192f3b rgb(25,47,59)
```
#16303e
```
#16303e rgb(22,48,62)
```
#123142
```
#123142 rgb(18,49,66)
```
#0f3245
```
#0f3245 rgb(15,50,69)
```
#0c3348
```
#0c3348 rgb(12,51,72)
```
#09344b
```
#09344b rgb(9,52,75)
```
#06354e
```
#06354e rgb(6,53,78)
```
#023652
```
#023652 rgb(2,54,82)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#242c30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33394e Protanopia 1% of men
#2f3a52 Deuteranopia 1% of men
#004044 Tritanopia 0.001% of the population

Trichromacy

#25374c Protanomaly 1% of men, 0.01% of women
#22374e Deuteranomaly 6% of men, 0.4% of women
#043b45 Tritanomaly 0.01% of the population

#0c3348 hex color

#0c3348 Color Information

#0c3348 Color Conversion

Color Schemes with #0c3348

Alternatives to #0c3348

#0c3348 Preview

Shades and Tints of #0c3348

Tones of #0c3348

Color Blindness Simulator