#0c3342 hex color

In a RGB color space, hex #0c3342 is composed of 4.7% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 22.7% magenta, 0% yellow and 74.1% black. It has a hue angle of 196.7 degrees, a saturation of 69.2% and a lightness of 15.3%. #0c3342 color hex could be obtained by blending #186684 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 5
- G 20
- B 26
RGB color chart
- C 82
- M 23
- Y 0
- K 74
CMYK color chart

● #0c3342 color description : Very dark blue.

The hexadecimal color #0c3342 has RGB values of R:12, G:51, B:66 and CMYK values of C:0.82, M:0.23, Y:0, K:0.74. Its decimal value is 799554.

Hex triplet	0c3342	`#0c3342`
RGB Decimal	12, 51, 66	`rgb(12,51,66)`
RGB Percent	4.7, 20, 25.9	`rgb(4.7%,20%,25.9%)`
CMYK	82, 23, 0, 74
HSL	196.7°, 69.2, 15.3	`hsl(196.7,69.2%,15.3%)`
HSV (or HSB)	196.7°, 81.8, 25.9
Web Safe	003333	`#003333`

CIE-LAB	19.387, -7.521, -13.275
XYZ	2.319, 2.839, 5.58
xyY	0.216, 0.264, 2.839
CIE-LCH	19.387, 15.258, 240.466
CIE-LUV	19.387, -11.943, -13.569
Hunter-Lab	16.849, -4.923, -7.84
Binary	00001100, 00110011, 01000010

#0c3342
```
#0c3342 rgb(12,51,66)
```
#421b0c
```
#421b0c rgb(66,27,12)
```

Complementary Color

#0c4236
```
#0c4236 rgb(12,66,54)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#0c1842
```
#0c1842 rgb(12,24,66)
```

Analogous Color

#42360c
```
#42360c rgb(66,54,12)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#420c18
```
#420c18 rgb(66,12,24)
```

Split Complementary Color

#33420c
```
#33420c rgb(51,66,12)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#420c33
```
#420c33 rgb(66,12,51)
```

Triadic Color

#0c421b
```
#0c421b rgb(12,66,27)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#420c33
```
#420c33 rgb(66,12,51)
```
#421b0c
```
#421b0c rgb(66,27,12)
```

Tetradic Color

#000101
```
#000101 rgb(0,1,1)
```
#041217
```
#041217 rgb(4,18,23)
```
#08222c
```
#08222c rgb(8,34,44)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#104458
```
#104458 rgb(16,68,88)
```
#14546d
```
#14546d rgb(20,84,109)
```
#186583
```
#186583 rgb(24,101,131)
```

Monochromatic Color

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

#0c4142
```
#0c4142 rgb(12,65,66)
```
#0c3c42
```
#0c3c42 rgb(12,60,66)
```
#0c3842
```
#0c3842 rgb(12,56,66)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#0c2f42
```
#0c2f42 rgb(12,47,66)
```
#0c2a42
```
#0c2a42 rgb(12,42,66)
```
#0c2642
```
#0c2642 rgb(12,38,66)
```

Similar Colors

Text with hexadecimal color #0c3342

This text has a font color of #0c3342.

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

#0c3342 background color

This paragraph has a background color of #0c3342.

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

#0c3342 border color

This element has a border color of #0c3342.

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

CSS codes

.text {color:#0c3342;}

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

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

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, #030d10 is the darkest color, while #ffffff is the lightest one.

#030d10
```
#030d10 rgb(3,13,16)
```
#061921
```
#061921 rgb(6,25,33)
```
#092631
```
#092631 rgb(9,38,49)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#0f4053
```
#0f4053 rgb(15,64,83)
```
#124d63
```
#124d63 rgb(18,77,99)
```
#155974
```
#155974 rgb(21,89,116)
```
#186684
```
#186684 rgb(24,102,132)
```
#1b7395
```
#1b7395 rgb(27,115,149)
```
#1e80a6
```
#1e80a6 rgb(30,128,166)
```
#218db6
```
#218db6 rgb(33,141,182)
```
#249ac7
```
#249ac7 rgb(36,154,199)
```
#27a6d7
```
#27a6d7 rgb(39,166,215)
```

Shade Color Variation

#37addb
```
#37addb rgb(55,173,219)
```
#48b4de
```
#48b4de rgb(72,180,222)
```
#59bbe1
```
#59bbe1 rgb(89,187,225)
```
#69c2e4
```
#69c2e4 rgb(105,194,228)
```
#7ac9e7
```
#7ac9e7 rgb(122,201,231)
```
#8acfea
```
#8acfea rgb(138,207,234)
```
#9bd6ed
```
#9bd6ed rgb(155,214,237)
```
#acddf0
```
#acddf0 rgb(172,221,240)
```
#bce4f3
```
#bce4f3 rgb(188,228,243)
```
#cdeaf6
```
#cdeaf6 rgb(205,234,246)
```
#ddf1f9
```
#ddf1f9 rgb(221,241,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#24282a
```
#24282a rgb(36,40,42)
```
#212a2d
```
#212a2d rgb(33,42,45)
```
#1e2b30
```
#1e2b30 rgb(30,43,48)
```
#1b2c33
```
#1b2c33 rgb(27,44,51)
```
#182e36
```
#182e36 rgb(24,46,54)
```
#152f39
```
#152f39 rgb(21,47,57)
```
#12303c
```
#12303c rgb(18,48,60)
```
#0f323f
```
#0f323f rgb(15,50,63)
```
#0c3342
```
#0c3342 rgb(12,51,66)
```
#093445
```
#093445 rgb(9,52,69)
```
#063648
```
#063648 rgb(6,54,72)
```
#03374b
```
#03374b rgb(3,55,75)
```
#00384e
```
#00384e rgb(0,56,78)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#232b2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#353948 Protanopia 1% of men
#32394d Deuteranopia 1% of men
#103f43 Tritanopia 0.001% of the population

Trichromacy

#263646 Protanomaly 1% of men, 0.01% of women
#243649 Deuteranomaly 6% of men, 0.4% of women
#0e3a43 Tritanomaly 0.01% of the population

#0c3342 hex color

#0c3342 Color Information

#0c3342 Color Conversion

Color Schemes with #0c3342

Alternatives to #0c3342

#0c3342 Preview

Shades and Tints of #0c3342

Tones of #0c3342

Color Blindness Simulator