#0c2ddc hex color

In a RGB color space, hex #0c2ddc is composed of 4.7% red, 17.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 79.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 230.5 degrees, a saturation of 89.7% and a lightness of 45.5%. #0c2ddc color hex could be obtained by blending #185aff with #0000b9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 5
- G 18
- B 86
RGB color chart
- C 95
- M 80
- Y 0
- K 14
CMYK color chart

● #0c2ddc color description : Vivid blue.

The hexadecimal color #0c2ddc has RGB values of R:12, G:45, B:220 and CMYK values of C:0.95, M:0.8, Y:0, K:0.14. Its decimal value is 798172.

Hex triplet	0c2ddc	`#0c2ddc`
RGB Decimal	12, 45, 220	`rgb(12,45,220)`
RGB Percent	4.7, 17.6, 86.3	`rgb(4.7%,17.6%,86.3%)`
CMYK	95, 80, 0, 14
HSL	230.5°, 89.7, 45.5	`hsl(230.5,89.7%,45.5%)`
HSV (or HSB)	230.5°, 94.5, 86.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.081, 56.848, -88.342
XYZ	14.006, 7.121, 68.343
xyY	0.157, 0.08, 7.121
CIE-LCH	32.081, 105.053, 302.761
CIE-LUV	32.081, -10.807, -113.293
Hunter-Lab	26.685, 46.985, -133.164
Binary	00001100, 00101101, 11011100

#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#dcbb0c
```
#dcbb0c rgb(220,187,12)
```

Complementary Color

#0c95dc
```
#0c95dc rgb(12,149,220)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#530cdc
```
#530cdc rgb(83,12,220)
```

Analogous Color

#95dc0c
```
#95dc0c rgb(149,220,12)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#dc530c
```
#dc530c rgb(220,83,12)
```

Split Complementary Color

#2ddc0c
```
#2ddc0c rgb(45,220,12)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#dc0c2d
```
#dc0c2d rgb(220,12,45)
```

Triadic Color

#0cdcbb
```
#0cdcbb rgb(12,220,187)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#dc0c2d
```
#dc0c2d rgb(220,12,45)
```
#dcbb0c
```
#dcbb0c rgb(220,187,12)
```

Tetradic Color

#081e93
```
#081e93 rgb(8,30,147)
```
#0923ac
```
#0923ac rgb(9,35,172)
```
#0b28c4
```
#0b28c4 rgb(11,40,196)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#1033f2
```
#1033f2 rgb(16,51,242)
```
#2848f3
```
#2848f3 rgb(40,72,243)
```
#405df5
```
#405df5 rgb(64,93,245)
```

Monochromatic Color

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

#0c61dc
```
#0c61dc rgb(12,97,220)
```
#0c50dc
```
#0c50dc rgb(12,80,220)
```
#0c3edc
```
#0c3edc rgb(12,62,220)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#0c1cdc
```
#0c1cdc rgb(12,28,220)
```
#0e0cdc
```
#0e0cdc rgb(14,12,220)
```
#1f0cdc
```
#1f0cdc rgb(31,12,220)
```

Similar Colors

Text with hexadecimal color #0c2ddc

This text has a font color of #0c2ddc.

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

#0c2ddc background color

This paragraph has a background color of #0c2ddc.

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

#0c2ddc border color

This element has a border color of #0c2ddc.

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

CSS codes

.text {color:#0c2ddc;}

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

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

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, #01030f is the darkest color, while #fcfcff is the lightest one.

#01030f
```
#01030f rgb(1,3,15)
```
#020722
```
#020722 rgb(2,7,34)
```
#030b35
```
#030b35 rgb(3,11,53)
```
#040f47
```
#040f47 rgb(4,15,71)
```
#05125a
```
#05125a rgb(5,18,90)
```
#06166c
```
#06166c rgb(6,22,108)
```
#071a7f
```
#071a7f rgb(7,26,127)
```
#081e92
```
#081e92 rgb(8,30,146)
```
#0922a4
```
#0922a4 rgb(9,34,164)
```
#0a25b7
```
#0a25b7 rgb(10,37,183)
```
#0b29c9
```
#0b29c9 rgb(11,41,201)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#0d31ef
```
#0d31ef rgb(13,49,239)
```

Shade Color Variation

#1d3ff3
```
#1d3ff3 rgb(29,63,243)
```
#2f4ef4
```
#2f4ef4 rgb(47,78,244)
```
#425ef5
```
#425ef5 rgb(66,94,245)
```
#546ef6
```
#546ef6 rgb(84,110,246)
```
#677ef7
```
#677ef7 rgb(103,126,247)
```
#7a8ef8
```
#7a8ef8 rgb(122,142,248)
```
#8c9df9
```
#8c9df9 rgb(140,157,249)
```
#9fadfa
```
#9fadfa rgb(159,173,250)
```
#b1bdfb
```
#b1bdfb rgb(177,189,251)
```
#c4cdfc
```
#c4cdfc rgb(196,205,252)
```
#d7ddfd
```
#d7ddfd rgb(215,221,253)
```
#e9ecfe
```
#e9ecfe rgb(233,236,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e707a is the less saturated color, while #0327e5 is the most saturated one.

#6e707a
```
#6e707a rgb(110,112,122)
```
#656a83
```
#656a83 rgb(101,106,131)
```
#5c648c
```
#5c648c rgb(92,100,140)
```
#535e95
```
#535e95 rgb(83,94,149)
```
#4a589e
```
#4a589e rgb(74,88,158)
```
#4252a6
```
#4252a6 rgb(66,82,166)
```
#394baf
```
#394baf rgb(57,75,175)
```
#3045b8
```
#3045b8 rgb(48,69,184)
```
#273fc1
```
#273fc1 rgb(39,63,193)
```
#1e39ca
```
#1e39ca rgb(30,57,202)
```
#1533d3
```
#1533d3 rgb(21,51,211)
```
#0c2ddc
```
#0c2ddc rgb(12,45,220)
```
#0327e5
```
#0327e5 rgb(3,39,229)
```

Tone Color Variation

Below, you can see how #0c2ddc 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
#2e3558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0444b5 Protanomaly 1% of men, 0.01% of women
#0447a7 Deuteranomaly 6% of men, 0.4% of women
#044b8d Tritanomaly 0.01% of the population

#0c2ddc hex color

#0c2ddc Color Information

#0c2ddc Color Conversion

Color Schemes with #0c2ddc

Alternatives to #0c2ddc

#0c2ddc Preview

Shades and Tints of #0c2ddc

Tones of #0c2ddc

Color Blindness Simulator