#0c3446 hex color

In a RGB color space, hex #0c3446 is composed of 4.7% red, 20.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 25.7% magenta, 0% yellow and 72.5% black. It has a hue angle of 198.6 degrees, a saturation of 70.7% and a lightness of 16.1%. #0c3446 color hex could be obtained by blending #18688c with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 5
- G 20
- B 27
RGB color chart
- C 83
- M 26
- Y 0
- K 73
CMYK color chart

● #0c3446 color description : Very dark blue.

The hexadecimal color #0c3446 has RGB values of R:12, G:52, B:70 and CMYK values of C:0.83, M:0.26, Y:0, K:0.73. Its decimal value is 799814.

Hex triplet	0c3446	`#0c3446`
RGB Decimal	12, 52, 70	`rgb(12,52,70)`
RGB Percent	4.7, 20.4, 27.5	`rgb(4.7%,20.4%,27.5%)`
CMYK	83, 26, 0, 73
HSL	198.6°, 70.7, 16.1	`hsl(198.6,70.7%,16.1%)`
HSV (or HSB)	198.6°, 82.9, 27.5
Web Safe	003333	`#003333`

CIE-LAB	19.948, -6.553, -15.119
XYZ	2.485, 2.976, 6.238
xyY	0.212, 0.254, 2.976
CIE-LCH	19.948, 16.478, 246.569
CIE-LUV	19.948, -12.156, -15.951
Hunter-Lab	17.251, -4.48, -9.361
Binary	00001100, 00110100, 01000110

#0c3446
```
#0c3446 rgb(12,52,70)
```
#461e0c
```
#461e0c rgb(70,30,12)
```

Complementary Color

#0c463b
```
#0c463b rgb(12,70,59)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#0c1746
```
#0c1746 rgb(12,23,70)
```

Analogous Color

#463b0c
```
#463b0c rgb(70,59,12)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#460c17
```
#460c17 rgb(70,12,23)
```

Split Complementary Color

#34460c
```
#34460c rgb(52,70,12)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#460c34
```
#460c34 rgb(70,12,52)
```

Triadic Color

#0c461e
```
#0c461e rgb(12,70,30)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#460c34
```
#460c34 rgb(70,12,52)
```
#461e0c
```
#461e0c rgb(70,30,12)
```

Tetradic Color

#010305
```
#010305 rgb(1,3,5)
```
#05141a
```
#05141a rgb(5,20,26)
```
#082430
```
#082430 rgb(8,36,48)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#10445c
```
#10445c rgb(16,68,92)
```
#135472
```
#135472 rgb(19,84,114)
```
#176587
```
#176587 rgb(23,101,135)
```

Monochromatic Color

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

#0c4346
```
#0c4346 rgb(12,67,70)
```
#0c3e46
```
#0c3e46 rgb(12,62,70)
```
#0c3946
```
#0c3946 rgb(12,57,70)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#0c2f46
```
#0c2f46 rgb(12,47,70)
```
#0c2a46
```
#0c2a46 rgb(12,42,70)
```
#0c2646
```
#0c2646 rgb(12,38,70)
```

Similar Colors

Text with hexadecimal color #0c3446

This text has a font color of #0c3446.

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

#0c3446 background color

This paragraph has a background color of #0c3446.

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

#0c3446 border color

This element has a border color of #0c3446.

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

CSS codes

.text {color:#0c3446;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030f14
```
#030f14 rgb(3,15,20)
```
#061b25
```
#061b25 rgb(6,27,37)
```
#092835
```
#092835 rgb(9,40,53)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#0f4057
```
#0f4057 rgb(15,64,87)
```
#124d67
```
#124d67 rgb(18,77,103)
```
#155978
```
#155978 rgb(21,89,120)
```
#176689
```
#176689 rgb(23,102,137)
```
#1a729a
```
#1a729a rgb(26,114,154)
```
#1d7faa
```
#1d7faa rgb(29,127,170)
```
#208bbb
```
#208bbb rgb(32,139,187)
```
#2398cc
```
#2398cc rgb(35,152,204)
```

Shade Color Variation

#28a3da
```
#28a3da rgb(40,163,218)
```
#39aadd
```
#39aadd rgb(57,170,221)
```
#4ab1e0
```
#4ab1e0 rgb(74,177,224)
```
#5bb9e3
```
#5bb9e3 rgb(91,185,227)
```
#6bc0e6
```
#6bc0e6 rgb(107,192,230)
```
#7cc7e9
```
#7cc7e9 rgb(124,199,233)
```
#8dceeb
```
#8dceeb rgb(141,206,235)
```
#9ed5ee
```
#9ed5ee rgb(158,213,238)
```
#aedcf1
```
#aedcf1 rgb(174,220,241)
```
#bfe4f4
```
#bfe4f4 rgb(191,228,244)
```
#d0ebf7
```
#d0ebf7 rgb(208,235,247)
```
#e1f2fa
```
#e1f2fa rgb(225,242,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#28292a
```
#28292a rgb(40,41,42)
```
#252a2d
```
#252a2d rgb(37,42,45)
```
#222c30
```
#222c30 rgb(34,44,48)
```
#1f2d33
```
#1f2d33 rgb(31,45,51)
```
#1c2e36
```
#1c2e36 rgb(28,46,54)
```
#192f39
```
#192f39 rgb(25,47,57)
```
#15303d
```
#15303d rgb(21,48,61)
```
#123240
```
#123240 rgb(18,50,64)
```
#0f3343
```
#0f3343 rgb(15,51,67)
```
#0c3446
```
#0c3446 rgb(12,52,70)
```
#093549
```
#093549 rgb(9,53,73)
```
#06364c
```
#06364c rgb(6,54,76)
```
#03384f
```
#03384f rgb(3,56,79)
```

Tone Color Variation

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

#353a4c Protanopia 1% of men
#313a51 Deuteranopia 1% of men
#0b4045 Tritanopia 0.001% of the population

Trichromacy

#26384a Protanomaly 1% of men, 0.01% of women
#24384d Deuteranomaly 6% of men, 0.4% of women
#0b3b45 Tritanomaly 0.01% of the population

#0c3446 hex color

#0c3446 Color Information

#0c3446 Color Conversion

Color Schemes with #0c3446

Alternatives to #0c3446

#0c3446 Preview

Shades and Tints of #0c3446

Tones of #0c3446

Color Blindness Simulator