#0c2af6 hex color

In a RGB color space, hex #0c2af6 is composed of 4.7% red, 16.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 82.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 232.3 degrees, a saturation of 92.9% and a lightness of 50.6%. #0c2af6 color hex could be obtained by blending #1854ff with #0000ed. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 5
- G 16
- B 96
RGB color chart
- C 95
- M 83
- Y 0
- K 4
CMYK color chart

● #0c2af6 color description : Vivid blue.

The hexadecimal color #0c2af6 has RGB values of R:12, G:42, B:246 and CMYK values of C:0.95, M:0.83, Y:0, K:0.04. Its decimal value is 797430.

Hex triplet	0c2af6	`#0c2af6`
RGB Decimal	12, 42, 246	`rgb(12,42,246)`
RGB Percent	4.7, 16.5, 96.5	`rgb(4.7%,16.5%,96.5%)`
CMYK	95, 83, 0, 4
HSL	232.3°, 92.9, 50.6	`hsl(232.3,92.9%,50.6%)`
HSV (or HSB)	232.3°, 95.1, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.775, 66.189, -98.664
XYZ	17.611, 8.387, 87.874
xyY	0.155, 0.074, 8.387
CIE-LCH	34.775, 118.809, 303.856
CIE-LUV	34.775, -11.2, -127.893
Hunter-Lab	28.959, 57.87, -159.637
Binary	00001100, 00101010, 11110110

#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#f6d80c
```
#f6d80c rgb(246,216,12)
```

Complementary Color

#0c9ff6
```
#0c9ff6 rgb(12,159,246)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#630cf6
```
#630cf6 rgb(99,12,246)
```

Analogous Color

#9ff60c
```
#9ff60c rgb(159,246,12)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#f6630c
```
#f6630c rgb(246,99,12)
```

Split Complementary Color

#2af60c
```
#2af60c rgb(42,246,12)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#f60c2a
```
#f60c2a rgb(246,12,42)
```

Triadic Color

#0cf6d8
```
#0cf6d8 rgb(12,246,216)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#f60c2a
```
#f60c2a rgb(246,12,42)
```
#f6d80c
```
#f6d80c rgb(246,216,12)
```

Tetradic Color

#061caf
```
#061caf rgb(6,28,175)
```
#0720c8
```
#0720c8 rgb(7,32,200)
```
#0824e0
```
#0824e0 rgb(8,36,224)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#2540f7
```
#2540f7 rgb(37,64,247)
```
#3d55f8
```
#3d55f8 rgb(61,85,248)
```
#566bf9
```
#566bf9 rgb(86,107,249)
```

Monochromatic Color

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

#0c65f6
```
#0c65f6 rgb(12,101,246)
```
#0c51f6
```
#0c51f6 rgb(12,81,246)
```
#0c3ef6
```
#0c3ef6 rgb(12,62,246)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#0c16f6
```
#0c16f6 rgb(12,22,246)
```
#150cf6
```
#150cf6 rgb(21,12,246)
```
#290cf6
```
#290cf6 rgb(41,12,246)
```

Similar Colors

Text with hexadecimal color #0c2af6

This text has a font color of #0c2af6.

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

#0c2af6 background color

This paragraph has a background color of #0c2af6.

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

#0c2af6 border color

This element has a border color of #0c2af6.

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

CSS codes

.text {color:#0c2af6;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010416
```
#010416 rgb(1,4,22)
```
#020729
```
#020729 rgb(2,7,41)
```
#020a3c
```
#020a3c rgb(2,10,60)
```
#030d4f
```
#030d4f rgb(3,13,79)
```
#041061
```
#041061 rgb(4,16,97)
```
#041374
```
#041374 rgb(4,19,116)
```
#051687
```
#051687 rgb(5,22,135)
```
#06199a
```
#06199a rgb(6,25,154)
```
#061cad
```
#061cad rgb(6,28,173)
```
#071fc0
```
#071fc0 rgb(7,31,192)
```
#0822d3
```
#0822d3 rgb(8,34,211)
```
#0925e6
```
#0925e6 rgb(9,37,230)
```

Shade Color Variation

#0c2af6
```
#0c2af6 rgb(12,42,246)
```
#1f3bf7
```
#1f3bf7 rgb(31,59,247)
```
#324bf7
```
#324bf7 rgb(50,75,247)
```
#455cf8
```
#455cf8 rgb(69,92,248)
```
#586cf9
```
#586cf9 rgb(88,108,249)
```
#6b7dfa
```
#6b7dfa rgb(107,125,250)
```
#7d8dfa
```
#7d8dfa rgb(125,141,250)
```
#909efb
```
#909efb rgb(144,158,251)
```
#a3affc
```
#a3affc rgb(163,175,252)
```
#b6bffc
```
#b6bffc rgb(182,191,252)
```
#c9d0fd
```
#c9d0fd rgb(201,208,253)
```
#dce0fe
```
#dce0fe rgb(220,224,254)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#808082
```
#808082 rgb(128,128,130)
```
#77798b
```
#77798b rgb(119,121,139)
```
#6d7295
```
#6d7295 rgb(109,114,149)
```
#636b9f
```
#636b9f rgb(99,107,159)
```
#5a64a8
```
#5a64a8 rgb(90,100,168)
```
#505cb2
```
#505cb2 rgb(80,92,178)
```
#4655bc
```
#4655bc rgb(70,85,188)
```
#3c4ec6
```
#3c4ec6 rgb(60,78,198)
```
#3347cf
```
#3347cf rgb(51,71,207)
```
#2940d9
```
#2940d9 rgb(41,64,217)
```
#1f38e3
```
#1f38e3 rgb(31,56,227)
```
#1631ec
```
#1631ec rgb(22,49,236)
```
#0c2af6
```
#0c2af6 rgb(12,42,246)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2f355e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0447c6 Protanomaly 1% of men, 0.01% of women
#044ab7 Deuteranomaly 6% of men, 0.4% of women
#044e9b Tritanomaly 0.01% of the population

#0c2af6 hex color

#0c2af6 Color Information

#0c2af6 Color Conversion

Color Schemes with #0c2af6

Alternatives to #0c2af6

#0c2af6 Preview

Shades and Tints of #0c2af6

Tones of #0c2af6

Color Blindness Simulator