colorhexa.com

#0c3c8a hex color

In a RGB color space, hex #0c3c8a is composed of 4.7% red, 23.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 56.5% magenta, 0% yellow and 45.9% black. It has a hue angle of 217.1 degrees, a saturation of 84% and a lightness of 29.4%. #0c3c8a color hex could be obtained by blending #1878ff with #000015. Closest websafe color is: #003399.

- R 5
- G 24
- B 54
RGB color chart
- C 91
- M 57
- Y 0
- K 46
CMYK color chart

● #0c3c8a color description : Dark blue.

The hexadecimal color #0c3c8a has RGB values of R:12, G:60, B:138 and CMYK values of C:0.91, M:0.57, Y:0, K:0.46. Its decimal value is 801930.

Hex triplet	0c3c8a	`#0c3c8a`
RGB Decimal	12, 60, 138	`rgb(12,60,138)`
RGB Percent	4.7, 23.5, 54.1	`rgb(4.7%,23.5%,54.1%)`
CMYK	91, 57, 0, 46
HSL	217.1°, 84, 29.4	`hsl(217.1,84%,29.4%)`
HSV (or HSB)	217.1°, 91.3, 54.1
Web Safe	003399	`#003399`

CIE-LAB	27.142, 16.969, -47.596
XYZ	6.354, 5.144, 24.701
xyY	0.176, 0.142, 5.144
CIE-LCH	27.142, 50.53, 289.622
CIE-LUV	27.142, -12.913, -61.609
Hunter-Lab	22.681, 10.313, -48.695
Binary	00001100, 00111100, 10001010

#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#8a5a0c
```
#8a5a0c rgb(138,90,12)
```

Complementary Color

#0c7b8a
```
#0c7b8a rgb(12,123,138)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#1b0c8a
```
#1b0c8a rgb(27,12,138)
```

Analogous Color

#7b8a0c
```
#7b8a0c rgb(123,138,12)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#8a1b0c
```
#8a1b0c rgb(138,27,12)
```

Split Complementary Color

#3c8a0c
```
#3c8a0c rgb(60,138,12)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#8a0c3c
```
#8a0c3c rgb(138,12,60)
```

Triadic Color

#061d44
```
#061d44 rgb(6,29,68)
```
#08285b
```
#08285b rgb(8,40,91)
```
#0a3273
```
#0a3273 rgb(10,50,115)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#0e46a1
```
#0e46a1 rgb(14,70,161)
```
#1050b9
```
#1050b9 rgb(16,80,185)
```
#125bd0
```
#125bd0 rgb(18,91,208)
```

Monochromatic Color

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

#0c5c8a
```
#0c5c8a rgb(12,92,138)
```
#0c518a
```
#0c518a rgb(12,81,138)
```
#0c478a
```
#0c478a rgb(12,71,138)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#0c328a
```
#0c328a rgb(12,50,138)
```
#0c278a
```
#0c278a rgb(12,39,138)
```
#0c1c8a
```
#0c1c8a rgb(12,28,138)
```

Similar Colors

Text with hexadecimal color #0c3c8a

This text has a font color of #0c3c8a.

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

#0c3c8a background color

This paragraph has a background color of #0c3c8a.

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

#0c3c8a border color

This element has a border color of #0c3c8a.

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

CSS codes

.text {color:#0c3c8a;}

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

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

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, #01050c is the darkest color, while #f9fbfe is the lightest one.

#01050c
```
#01050c rgb(1,5,12)
```
#030d1e
```
#030d1e rgb(3,13,30)
```
#041530
```
#041530 rgb(4,21,48)
```
#061d42
```
#061d42 rgb(6,29,66)
```
#072454
```
#072454 rgb(7,36,84)
```
#092c66
```
#092c66 rgb(9,44,102)
```
#0a3478
```
#0a3478 rgb(10,52,120)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#0e449c
```
#0e449c rgb(14,68,156)
```
#0f4cae
```
#0f4cae rgb(15,76,174)
```
#1154c0
```
#1154c0 rgb(17,84,192)
```
#125bd2
```
#125bd2 rgb(18,91,210)
```
#1463e4
```
#1463e4 rgb(20,99,228)
```

Shade Color Variation

#206eec
```
#206eec rgb(32,110,236)
```
#3279ed
```
#3279ed rgb(50,121,237)
```
#4485ef
```
#4485ef rgb(68,133,239)
```
#5691f0
```
#5691f0 rgb(86,145,240)
```
#689df2
```
#689df2 rgb(104,157,242)
```
#7aa8f3
```
#7aa8f3 rgb(122,168,243)
```
#8cb4f5
```
#8cb4f5 rgb(140,180,245)
```
#9ec0f7
```
#9ec0f7 rgb(158,192,247)
```
#b0ccf8
```
#b0ccf8 rgb(176,204,248)
```
#c2d8fa
```
#c2d8fa rgb(194,216,250)
```
#d5e3fb
```
#d5e3fb rgb(213,227,251)
```
#e7effd
```
#e7effd rgb(231,239,253)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#464a50
```
#464a50 rgb(70,74,80)
```
#404856
```
#404856 rgb(64,72,86)
```
#3a475c
```
#3a475c rgb(58,71,92)
```
#344662
```
#344662 rgb(52,70,98)
```
#2f4467
```
#2f4467 rgb(47,68,103)
```
#29436d
```
#29436d rgb(41,67,109)
```
#234173
```
#234173 rgb(35,65,115)
```
#1d4079
```
#1d4079 rgb(29,64,121)
```
#183f7e
```
#183f7e rgb(24,63,126)
```
#123d84
```
#123d84 rgb(18,61,132)
```
#0c3c8a
```
#0c3c8a rgb(12,60,138)
```
#063b90
```
#063b90 rgb(6,59,144)
```
#003996
```
#003996 rgb(0,57,150)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2e3848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004b7b Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#04438b Protanomaly 1% of men, 0.01% of women
#044680 Deuteranomaly 6% of men, 0.4% of women
#044968 Tritanomaly 0.01% of the population