#0c2a36 hex color

In a RGB color space, hex #0c2a36 is composed of 4.7% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 22.2% magenta, 0% yellow and 78.8% black. It has a hue angle of 197.1 degrees, a saturation of 63.6% and a lightness of 12.9%. #0c2a36 color hex could be obtained by blending #18546c with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 5
- G 16
- B 21
RGB color chart
- C 78
- M 22
- Y 0
- K 79
CMYK color chart

● #0c2a36 color description : Very dark blue.

The hexadecimal color #0c2a36 has RGB values of R:12, G:42, B:54 and CMYK values of C:0.78, M:0.22, Y:0, K:0.79. Its decimal value is 797238.

Hex triplet	0c2a36	`#0c2a36`
RGB Decimal	12, 42, 54	`rgb(12,42,54)`
RGB Percent	4.7, 16.5, 21.2	`rgb(4.7%,16.5%,21.2%)`
CMYK	78, 22, 0, 79
HSL	197.1°, 63.6, 12.9	`hsl(197.1,63.6%,12.9%)`
HSV (or HSB)	197.1°, 77.8, 21.2
Web Safe	003333	`#003333`

CIE-LAB	15.489, -6.387, -11.006
XYZ	1.645, 2, 3.789
xyY	0.221, 0.269, 2
CIE-LCH	15.489, 12.725, 239.873
CIE-LUV	15.489, -9.032, -10.035
Hunter-Lab	14.143, -3.986, -5.985
Binary	00001100, 00101010, 00110110

#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#36180c
```
#36180c rgb(54,24,12)
```

Complementary Color

#0c362d
```
#0c362d rgb(12,54,45)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#0c1536
```
#0c1536 rgb(12,21,54)
```

Analogous Color

#362d0c
```
#362d0c rgb(54,45,12)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#360c15
```
#360c15 rgb(54,12,21)
```

Split Complementary Color

#2a360c
```
#2a360c rgb(42,54,12)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#360c2a
```
#360c2a rgb(54,12,42)
```

Triadic Color

#0c3618
```
#0c3618 rgb(12,54,24)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#360c2a
```
#360c2a rgb(54,12,42)
```
#36180c
```
#36180c rgb(54,24,12)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#030a0c
```
#030a0c rgb(3,10,12)
```
#071a21
```
#071a21 rgb(7,26,33)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#113a4b
```
#113a4b rgb(17,58,75)
```
#154a60
```
#154a60 rgb(21,74,96)
```
#1a5b75
```
#1a5b75 rgb(26,91,117)
```

Monochromatic Color

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

#0c3536
```
#0c3536 rgb(12,53,54)
```
#0c3136
```
#0c3136 rgb(12,49,54)
```
#0c2e36
```
#0c2e36 rgb(12,46,54)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#0c2736
```
#0c2736 rgb(12,39,54)
```
#0c2336
```
#0c2336 rgb(12,35,54)
```
#0c2036
```
#0c2036 rgb(12,32,54)
```

Similar Colors

Text with hexadecimal color #0c2a36

This text has a font color of #0c2a36.

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

#0c2a36 background color

This paragraph has a background color of #0c2a36.

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

#0c2a36 border color

This element has a border color of #0c2a36.

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

CSS codes

.text {color:#0c2a36;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051116
```
#051116 rgb(5,17,22)
```
#081e26
```
#081e26 rgb(8,30,38)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#103646
```
#103646 rgb(16,54,70)
```
#134356
```
#134356 rgb(19,67,86)
```
#174f66
```
#174f66 rgb(23,79,102)
```
#1a5c76
```
#1a5c76 rgb(26,92,118)
```
#1e6886
```
#1e6886 rgb(30,104,134)
```
#217596
```
#217596 rgb(33,117,150)
```
#2581a6
```
#2581a6 rgb(37,129,166)
```
#298eb6
```
#298eb6 rgb(41,142,182)
```
#2c9ac6
```
#2c9ac6 rgb(44,154,198)
```

Shade Color Variation

#34a5d2
```
#34a5d2 rgb(52,165,210)
```
#44acd6
```
#44acd6 rgb(68,172,214)
```
#54b3d9
```
#54b3d9 rgb(84,179,217)
```
#64badd
```
#64badd rgb(100,186,221)
```
#74c1e0
```
#74c1e0 rgb(116,193,224)
```
#84c9e4
```
#84c9e4 rgb(132,201,228)
```
#95d0e7
```
#95d0e7 rgb(149,208,231)
```
#a5d7eb
```
#a5d7eb rgb(165,215,235)
```
#b5deee
```
#b5deee rgb(181,222,238)
```
#c5e5f2
```
#c5e5f2 rgb(197,229,242)
```
#d5ecf6
```
#d5ecf6 rgb(213,236,246)
```
#e5f3f9
```
#e5f3f9 rgb(229,243,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#202122
```
#202122 rgb(32,33,34)
```
#1e2224
```
#1e2224 rgb(30,34,36)
```
#1b2327
```
#1b2327 rgb(27,35,39)
```
#192529
```
#192529 rgb(25,37,41)
```
#16262c
```
#16262c rgb(22,38,44)
```
#14272e
```
#14272e rgb(20,39,46)
```
#112831
```
#112831 rgb(17,40,49)
```
#0f2933
```
#0f2933 rgb(15,41,51)
```
#0c2a36
```
#0c2a36 rgb(12,42,54)
```
#092b39
```
#092b39 rgb(9,43,57)
```
#072c3b
```
#072c3b rgb(7,44,59)
```
#042d3e
```
#042d3e rgb(4,45,62)
```
#022e40
```
#022e40 rgb(2,46,64)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#1e2426 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e313e Protanopia 1% of men
#2c3141 Deuteranopia 1% of men
#14363a Tritanopia 0.001% of the population

Trichromacy

#222e3b Protanomaly 1% of men, 0.01% of women
#202e3d Deuteranomaly 6% of men, 0.4% of women
#113138 Tritanomaly 0.01% of the population

#0c2a36 hex color

#0c2a36 Color Information

#0c2a36 Color Conversion

Color Schemes with #0c2a36

Alternatives to #0c2a36

#0c2a36 Preview

Shades and Tints of #0c2a36

Tones of #0c2a36

Color Blindness Simulator