#0c3458 hex color

In a RGB color space, hex #0c3458 is composed of 4.7% red, 20.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 40.9% magenta, 0% yellow and 65.5% black. It has a hue angle of 208.4 degrees, a saturation of 76% and a lightness of 19.6%. #0c3458 color hex could be obtained by blending #1868b0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 5
- G 20
- B 35
RGB color chart
- C 86
- M 41
- Y 0
- K 65
CMYK color chart

● #0c3458 color description : Very dark blue.

The hexadecimal color #0c3458 has RGB values of R:12, G:52, B:88 and CMYK values of C:0.86, M:0.41, Y:0, K:0.65. Its decimal value is 799832.

Hex triplet	0c3458	`#0c3458`
RGB Decimal	12, 52, 88	`rgb(12,52,88)`
RGB Percent	4.7, 20.4, 34.5	`rgb(4.7%,20.4%,34.5%)`
CMYK	86, 41, 0, 65
HSL	208.4°, 76, 19.6	`hsl(208.4,76%,19.6%)`
HSV (or HSB)	208.4°, 86.4, 34.5
Web Safe	003366	`#003366`

CIE-LAB	20.975, 1.073, -25.548
XYZ	3.141, 3.238, 9.692
xyY	0.195, 0.202, 3.238
CIE-LCH	20.975, 25.571, 272.405
CIE-LUV	20.975, -11.547, -29.334
Hunter-Lab	17.996, -0.34, -19.333
Binary	00001100, 00110100, 01011000

#0c3458
```
#0c3458 rgb(12,52,88)
```
#58300c
```
#58300c rgb(88,48,12)
```

Complementary Color

#0c5856
```
#0c5856 rgb(12,88,86)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#0c0e58
```
#0c0e58 rgb(12,14,88)
```

Analogous Color

#58560c
```
#58560c rgb(88,86,12)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#580c0e
```
#580c0e rgb(88,12,14)
```

Split Complementary Color

#34580c
```
#34580c rgb(52,88,12)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#580c34
```
#580c34 rgb(88,12,52)
```

Triadic Color

#0c5830
```
#0c5830 rgb(12,88,48)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#580c34
```
#580c34 rgb(88,12,52)
```
#58300c
```
#58300c rgb(88,48,12)
```

Tetradic Color

#030c15
```
#030c15 rgb(3,12,21)
```
#06192b
```
#06192b rgb(6,25,43)
```
#092742
```
#092742 rgb(9,39,66)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#0f416e
```
#0f416e rgb(15,65,110)
```
#124f85
```
#124f85 rgb(18,79,133)
```
#155c9b
```
#155c9b rgb(21,92,155)
```

Monochromatic Color

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

#0c4758
```
#0c4758 rgb(12,71,88)
```
#0c4158
```
#0c4158 rgb(12,65,88)
```
#0c3a58
```
#0c3a58 rgb(12,58,88)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#0c2e58
```
#0c2e58 rgb(12,46,88)
```
#0c2758
```
#0c2758 rgb(12,39,88)
```
#0c2158
```
#0c2158 rgb(12,33,88)
```

Similar Colors

Text with hexadecimal color #0c3458

This text has a font color of #0c3458.

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

#0c3458 background color

This paragraph has a background color of #0c3458.

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

#0c3458 border color

This element has a border color of #0c3458.

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

CSS codes

.text {color:#0c3458;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#051524
```
#051524 rgb(5,21,36)
```
#072035
```
#072035 rgb(7,32,53)
```
#0a2a47
```
#0a2a47 rgb(10,42,71)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#0e3e69
```
#0e3e69 rgb(14,62,105)
```
#11487b
```
#11487b rgb(17,72,123)
```
#13538c
```
#13538c rgb(19,83,140)
```
#155d9d
```
#155d9d rgb(21,93,157)
```
#1867ae
```
#1867ae rgb(24,103,174)
```
#1a71c0
```
#1a71c0 rgb(26,113,192)
```
#1c7bd1
```
#1c7bd1 rgb(28,123,209)
```

Shade Color Variation

#2086e1
```
#2086e1 rgb(32,134,225)
```
#328fe3
```
#328fe3 rgb(50,143,227)
```
#4398e5
```
#4398e5 rgb(67,152,229)
```
#54a2e8
```
#54a2e8 rgb(84,162,232)
```
#65abea
```
#65abea rgb(101,171,234)
```
#77b5ec
```
#77b5ec rgb(119,181,236)
```
#88beef
```
#88beef rgb(136,190,239)
```
#99c7f1
```
#99c7f1 rgb(153,199,241)
```
#aad1f3
```
#aad1f3 rgb(170,209,243)
```
#bcdaf6
```
#bcdaf6 rgb(188,218,246)
```
#cde4f8
```
#cde4f8 rgb(205,228,248)
```
#deedfb
```
#deedfb rgb(222,237,251)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

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

#2f3235
```
#2f3235 rgb(47,50,53)
```
#2b3239
```
#2b3239 rgb(43,50,57)
```
#27333d
```
#27333d rgb(39,51,61)
```
#233341
```
#233341 rgb(35,51,65)
```
#1f3345
```
#1f3345 rgb(31,51,69)
```
#1b3349
```
#1b3349 rgb(27,51,73)
```
#18334c
```
#18334c rgb(24,51,76)
```
#143450
```
#143450 rgb(20,52,80)
```
#103454
```
#103454 rgb(16,52,84)
```
#0c3458
```
#0c3458 rgb(12,52,88)
```
#08345c
```
#08345c rgb(8,52,92)
```
#043460
```
#043460 rgb(4,52,96)
```
#003564
```
#003564 rgb(0,53,100)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#262e35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3b5e Protanopia 1% of men
#223d61 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#21395c Protanomaly 1% of men, 0.01% of women
#1a3a5d Deuteranomaly 6% of men, 0.4% of women
#043d4d Tritanomaly 0.01% of the population

#0c3458 hex color

#0c3458 Color Information

#0c3458 Color Conversion

Color Schemes with #0c3458

Alternatives to #0c3458

#0c3458 Preview

Shades and Tints of #0c3458

Tones of #0c3458

Color Blindness Simulator