#0c334d hex color

In a RGB color space, hex #0c334d is composed of 4.7% red, 20% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 33.8% magenta, 0% yellow and 69.8% black. It has a hue angle of 204 degrees, a saturation of 73% and a lightness of 17.5%. #0c334d color hex could be obtained by blending #18669a with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 20
- B 30
RGB color chart
- C 84
- M 34
- Y 0
- K 70
CMYK color chart

● #0c334d color description : Very dark blue.

The hexadecimal color #0c334d has RGB values of R:12, G:51, B:77 and CMYK values of C:0.84, M:0.34, Y:0, K:0.7. Its decimal value is 799565.

Hex triplet	0c334d	`#0c334d`
RGB Decimal	12, 51, 77	`rgb(12,51,77)`
RGB Percent	4.7, 20, 30.2	`rgb(4.7%,20%,30.2%)`
CMYK	84, 34, 0, 70
HSL	204°, 73, 17.5	`hsl(204,73%,17.5%)`
HSV (or HSB)	204°, 84.4, 30.2
Web Safe	003366	`#003366`

CIE-LAB	19.969, -2.957, -19.805
XYZ	2.675, 2.981, 7.455
xyY	0.204, 0.227, 2.981
CIE-LCH	19.969, 20.024, 261.508
CIE-LUV	19.969, -11.547, -21.729
Hunter-Lab	17.267, -2.567, -13.513
Binary	00001100, 00110011, 01001101

#0c334d
```
#0c334d rgb(12,51,77)
```
#4d260c
```
#4d260c rgb(77,38,12)
```

Complementary Color

#0c4d47
```
#0c4d47 rgb(12,77,71)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#0c134d
```
#0c134d rgb(12,19,77)
```

Analogous Color

#4d470c
```
#4d470c rgb(77,71,12)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#4d0c13
```
#4d0c13 rgb(77,12,19)
```

Split Complementary Color

#334d0c
```
#334d0c rgb(51,77,12)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#4d0c33
```
#4d0c33 rgb(77,12,51)
```

Triadic Color

#0c4d26
```
#0c4d26 rgb(12,77,38)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#4d0c33
```
#4d0c33 rgb(77,12,51)
```
#4d260c
```
#4d260c rgb(77,38,12)
```

Tetradic Color

#02070b
```
#02070b rgb(2,7,11)
```
#051621
```
#051621 rgb(5,22,33)
```
#092437
```
#092437 rgb(9,36,55)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#0f4263
```
#0f4263 rgb(15,66,99)
```
#135079
```
#135079 rgb(19,80,121)
```
#165f8f
```
#165f8f rgb(22,95,143)
```

Monochromatic Color

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

#0c434d
```
#0c434d rgb(12,67,77)
```
#0c3e4d
```
#0c3e4d rgb(12,62,77)
```
#0c384d
```
#0c384d rgb(12,56,77)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#0c2e4d
```
#0c2e4d rgb(12,46,77)
```
#0c284d
```
#0c284d rgb(12,40,77)
```
#0c234d
```
#0c234d rgb(12,35,77)
```

Similar Colors

Text with hexadecimal color #0c334d

This text has a font color of #0c334d.

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

#0c334d background color

This paragraph has a background color of #0c334d.

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

#0c334d border color

This element has a border color of #0c334d.

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

CSS codes

.text {color:#0c334d;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#04111a
```
#04111a rgb(4,17,26)
```
#071d2b
```
#071d2b rgb(7,29,43)
```
#09283c
```
#09283c rgb(9,40,60)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#0f3e5e
```
#0f3e5e rgb(15,62,94)
```
#11496f
```
#11496f rgb(17,73,111)
```
#145580
```
#145580 rgb(20,85,128)
```
#176091
```
#176091 rgb(23,96,145)
```
#196ba2
```
#196ba2 rgb(25,107,162)
```
#1c76b3
```
#1c76b3 rgb(28,118,179)
```
#1f82c4
```
#1f82c4 rgb(31,130,196)
```
#218dd5
```
#218dd5 rgb(33,141,213)
```

Shade Color Variation

#2b97de
```
#2b97de rgb(43,151,222)
```
#3c9fe1
```
#3c9fe1 rgb(60,159,225)
```
#4da7e3
```
#4da7e3 rgb(77,167,227)
```
#5eb0e6
```
#5eb0e6 rgb(94,176,230)
```
#6fb8e9
```
#6fb8e9 rgb(111,184,233)
```
#80c0eb
```
#80c0eb rgb(128,192,235)
```
#91c9ee
```
#91c9ee rgb(145,201,238)
```
#a2d1f1
```
#a2d1f1 rgb(162,209,241)
```
#b3daf3
```
#b3daf3 rgb(179,218,243)
```
#c4e2f6
```
#c4e2f6 rgb(196,226,246)
```
#d5eaf8
```
#d5eaf8 rgb(213,234,248)
```
#e6f3fb
```
#e6f3fb rgb(230,243,251)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#2b2d2e
```
#2b2d2e rgb(43,45,46)
```
#272e32
```
#272e32 rgb(39,46,50)
```
#242e35
```
#242e35 rgb(36,46,53)
```
#212f38
```
#212f38 rgb(33,47,56)
```
#1d303c
```
#1d303c rgb(29,48,60)
```
#1a303f
```
#1a303f rgb(26,48,63)
```
#163143
```
#163143 rgb(22,49,67)
```
#133246
```
#133246 rgb(19,50,70)
```
#0f324a
```
#0f324a rgb(15,50,74)
```
#0c334d
```
#0c334d rgb(12,51,77)
```
#093450
```
#093450 rgb(9,52,80)
```
#053454
```
#053454 rgb(5,52,84)
```
#023557
```
#023557 rgb(2,53,87)
```

Tone Color Variation

Below, you can see how #0c334d 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
#242c31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#313a53 Protanopia 1% of men
#2b3a57 Deuteranopia 1% of men
#004045 Tritanopia 0.001% of the population

Trichromacy

#243751 Protanomaly 1% of men, 0.01% of women
#1f3853 Deuteranomaly 6% of men, 0.4% of women
#043b48 Tritanomaly 0.01% of the population

#0c334d hex color

#0c334d Color Information

#0c334d Color Conversion

Color Schemes with #0c334d

Alternatives to #0c334d

#0c334d Preview

Shades and Tints of #0c334d

Tones of #0c334d

Color Blindness Simulator