#0c648c hex color

In a RGB color space, hex #0c648c is composed of 4.7% red, 39.2% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 28.6% magenta, 0% yellow and 45.1% black. It has a hue angle of 198.8 degrees, a saturation of 84.2% and a lightness of 29.8%. #0c648c color hex could be obtained by blending #18c8ff with #000019. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 5
- G 39
- B 55
RGB color chart
- C 91
- M 29
- Y 0
- K 45
CMYK color chart

● #0c648c color description : Dark blue.

The hexadecimal color #0c648c has RGB values of R:12, G:100, B:140 and CMYK values of C:0.91, M:0.29, Y:0, K:0.45. Its decimal value is 812172.

Hex triplet	0c648c	`#0c648c`
RGB Decimal	12, 100, 140	`rgb(12,100,140)`
RGB Percent	4.7, 39.2, 54.9	`rgb(4.7%,39.2%,54.9%)`
CMYK	91, 29, 0, 45
HSL	198.8°, 84.2, 29.8	`hsl(198.8,84.2%,29.8%)`
HSV (or HSB)	198.8°, 91.4, 54.9
Web Safe	006699	`#006699`

CIE-LAB	39.723, -8.625, -28.719
XYZ	9.441, 11.085, 26.452
xyY	0.201, 0.236, 11.085
CIE-LCH	39.723, 29.986, 253.283
CIE-LUV	39.723, -25.709, -39.871
Hunter-Lab	33.294, -7.648, -23.799
Binary	00001100, 01100100, 10001100

#0c648c
```
#0c648c rgb(12,100,140)
```
#8c340c
```
#8c340c rgb(140,52,12)
```

Complementary Color

#0c8c74
```
#0c8c74 rgb(12,140,116)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#0c248c
```
#0c248c rgb(12,36,140)
```

Analogous Color

#8c740c
```
#8c740c rgb(140,116,12)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#8c0c24
```
#8c0c24 rgb(140,12,36)
```

Split Complementary Color

#648c0c
```
#648c0c rgb(100,140,12)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#8c0c64
```
#8c0c64 rgb(140,12,100)
```

Triadic Color

#0c8c34
```
#0c8c34 rgb(12,140,52)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#8c0c64
```
#8c0c64 rgb(140,12,100)
```
#8c340c
```
#8c340c rgb(140,52,12)
```

Tetradic Color

#063246
```
#063246 rgb(6,50,70)
```
#08425d
```
#08425d rgb(8,66,93)
```
#0a5375
```
#0a5375 rgb(10,83,117)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#0e75a3
```
#0e75a3 rgb(14,117,163)
```
#1086bb
```
#1086bb rgb(16,134,187)
```
#1296d2
```
#1296d2 rgb(18,150,210)
```

Monochromatic Color

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

#0c848c
```
#0c848c rgb(12,132,140)
```
#0c798c
```
#0c798c rgb(12,121,140)
```
#0c6f8c
```
#0c6f8c rgb(12,111,140)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#0c598c
```
#0c598c rgb(12,89,140)
```
#0c4f8c
```
#0c4f8c rgb(12,79,140)
```
#0c448c
```
#0c448c rgb(12,68,140)
```

Similar Colors

Text with hexadecimal color #0c648c

This text has a font color of #0c648c.

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

#0c648c background color

This paragraph has a background color of #0c648c.

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

#0c648c border color

This element has a border color of #0c648c.

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

CSS codes

.text {color:#0c648c;}

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

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

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, #010a0e is the darkest color, while #fafdff is the lightest one.

#010a0e
```
#010a0e rgb(1,10,14)
```
#031720
```
#031720 rgb(3,23,32)
```
#042332
```
#042332 rgb(4,35,50)
```
#063044
```
#063044 rgb(6,48,68)
```
#073d56
```
#073d56 rgb(7,61,86)
```
#094a68
```
#094a68 rgb(9,74,104)
```
#0a577a
```
#0a577a rgb(10,87,122)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#0e719e
```
#0e719e rgb(14,113,158)
```
#0f7eb0
```
#0f7eb0 rgb(15,126,176)
```
#118bc2
```
#118bc2 rgb(17,139,194)
```
#1298d4
```
#1298d4 rgb(18,152,212)
```
#14a5e6
```
#14a5e6 rgb(20,165,230)
```

Shade Color Variation

#22adec
```
#22adec rgb(34,173,236)
```
#34b4ee
```
#34b4ee rgb(52,180,238)
```
#46baef
```
#46baef rgb(70,186,239)
```
#58c1f1
```
#58c1f1 rgb(88,193,241)
```
#6ac8f2
```
#6ac8f2 rgb(106,200,242)
```
#7ccef4
```
#7ccef4 rgb(124,206,244)
```
#8ed5f5
```
#8ed5f5 rgb(142,213,245)
```
#a0dcf7
```
#a0dcf7 rgb(160,220,247)
```
#b2e2f8
```
#b2e2f8 rgb(178,226,248)
```
#c4e9fa
```
#c4e9fa rgb(196,233,250)
```
#d6f0fc
```
#d6f0fc rgb(214,240,252)
```
#e8f7fd
```
#e8f7fd rgb(232,247,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#464e52
```
#464e52 rgb(70,78,82)
```
#415057
```
#415057 rgb(65,80,87)
```
#3b525d
```
#3b525d rgb(59,82,93)
```
#355563
```
#355563 rgb(53,85,99)
```
#2f5769
```
#2f5769 rgb(47,87,105)
```
#29596f
```
#29596f rgb(41,89,111)
```
#235b75
```
#235b75 rgb(35,91,117)
```
#1e5d7a
```
#1e5d7a rgb(30,93,122)
```
#186080
```
#186080 rgb(24,96,128)
```
#126286
```
#126286 rgb(18,98,134)
```
#0c648c
```
#0c648c rgb(12,100,140)
```
#066692
```
#066692 rgb(6,102,146)
```
#006898
```
#006898 rgb(0,104,152)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#41525a Atypical Achromatopsia 0.001% of the population

Dichromacy

#58648c Protanopia 1% of men
#4d6594 Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3c648c Protanomaly 1% of men, 0.01% of women
#356591 Deuteranomaly 6% of men, 0.4% of women
#046b7e Tritanomaly 0.01% of the population

#0c648c hex color

#0c648c Color Information

#0c648c Color Conversion

Color Schemes with #0c648c

Alternatives to #0c648c

#0c648c Preview

Shades and Tints of #0c648c

Tones of #0c648c

Color Blindness Simulator