#0c20f6 hex color

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

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

● #0c20f6 color description : Vivid blue.

The hexadecimal color #0c20f6 has RGB values of R:12, G:32, B:246 and CMYK values of C:0.95, M:0.87, Y:0, K:0.04. Its decimal value is 794870.

Hex triplet	0c20f6	`#0c20f6`
RGB Decimal	12, 32, 246	`rgb(12,32,246)`
RGB Percent	4.7, 12.5, 96.5	`rgb(4.7%,12.5%,96.5%)`
CMYK	95, 87, 0, 4
HSL	234.9°, 92.9, 50.6	`hsl(234.9,92.9%,50.6%)`
HSV (or HSB)	234.9°, 95.1, 96.5
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.486, 70.056, -100.814
XYZ	17.299, 7.764, 87.77
xyY	0.153, 0.069, 7.764
CIE-LCH	33.486, 122.765, 304.796
CIE-LUV	33.486, -10.259, -127.27
Hunter-Lab	27.863, 62.064, -167.261
Binary	00001100, 00100000, 11110110

#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#f6e20c
```
#f6e20c rgb(246,226,12)
```

Complementary Color

#0c95f6
```
#0c95f6 rgb(12,149,246)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#6d0cf6
```
#6d0cf6 rgb(109,12,246)
```

Analogous Color

#95f60c
```
#95f60c rgb(149,246,12)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#f66d0c
```
#f66d0c rgb(246,109,12)
```

Split Complementary Color

#20f60c
```
#20f60c rgb(32,246,12)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#f60c20
```
#f60c20 rgb(246,12,32)
```

Triadic Color

#0cf6e2
```
#0cf6e2 rgb(12,246,226)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#f60c20
```
#f60c20 rgb(246,12,32)
```
#f6e20c
```
#f6e20c rgb(246,226,12)
```

Tetradic Color

#0615af
```
#0615af rgb(6,21,175)
```
#0718c8
```
#0718c8 rgb(7,24,200)
```
#081be0
```
#081be0 rgb(8,27,224)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#2537f7
```
#2537f7 rgb(37,55,247)
```
#3d4df8
```
#3d4df8 rgb(61,77,248)
```
#5664f9
```
#5664f9 rgb(86,100,249)
```

Monochromatic Color

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

#0c5af6
```
#0c5af6 rgb(12,90,246)
```
#0c47f6
```
#0c47f6 rgb(12,71,246)
```
#0c33f6
```
#0c33f6 rgb(12,51,246)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#0c0df6
```
#0c0df6 rgb(12,13,246)
```
#1f0cf6
```
#1f0cf6 rgb(31,12,246)
```
#330cf6
```
#330cf6 rgb(51,12,246)
```

Similar Colors

Text with hexadecimal color #0c20f6

This text has a font color of #0c20f6.

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

#0c20f6 background color

This paragraph has a background color of #0c20f6.

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

#0c20f6 border color

This element has a border color of #0c20f6.

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

CSS codes

.text {color:#0c20f6;}

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

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

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 #eff0fe is the lightest one.

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#020529
```
#020529 rgb(2,5,41)
```
#02073c
```
#02073c rgb(2,7,60)
```
#03094f
```
#03094f rgb(3,9,79)
```
#040c61
```
#040c61 rgb(4,12,97)
```
#040e74
```
#040e74 rgb(4,14,116)
```
#051087
```
#051087 rgb(5,16,135)
```
#06129a
```
#06129a rgb(6,18,154)
```
#0615ad
```
#0615ad rgb(6,21,173)
```
#0717c0
```
#0717c0 rgb(7,23,192)
```
#0819d3
```
#0819d3 rgb(8,25,211)
```
#091be6
```
#091be6 rgb(9,27,230)
```

Shade Color Variation

#0c20f6
```
#0c20f6 rgb(12,32,246)
```
#1f31f7
```
#1f31f7 rgb(31,49,247)
```
#3243f7
```
#3243f7 rgb(50,67,247)
```
#4554f8
```
#4554f8 rgb(69,84,248)
```
#5865f9
```
#5865f9 rgb(88,101,249)
```
#6b77fa
```
#6b77fa rgb(107,119,250)
```
#7d88fa
```
#7d88fa rgb(125,136,250)
```
#909afb
```
#909afb rgb(144,154,251)
```
#a3abfc
```
#a3abfc rgb(163,171,252)
```
#b6bcfc
```
#b6bcfc rgb(182,188,252)
```
#c9cefd
```
#c9cefd rgb(201,206,253)
```
#dcdffe
```
#dcdffe rgb(220,223,254)
```
#eff0fe
```
#eff0fe rgb(239,240,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 #0c20f6 is the most saturated one.

#808082
```
#808082 rgb(128,128,130)
```
#77788b
```
#77788b rgb(119,120,139)
```
#6d7095
```
#6d7095 rgb(109,112,149)
```
#63689f
```
#63689f rgb(99,104,159)
```
#5a60a8
```
#5a60a8 rgb(90,96,168)
```
#5058b2
```
#5058b2 rgb(80,88,178)
```
#4650bc
```
#4650bc rgb(70,80,188)
```
#3c48c6
```
#3c48c6 rgb(60,72,198)
```
#3340cf
```
#3340cf rgb(51,64,207)
```
#2938d9
```
#2938d9 rgb(41,56,217)
```
#1f30e3
```
#1f30e3 rgb(31,48,227)
```
#1628ec
```
#1628ec rgb(22,40,236)
```
#0c20f6
```
#0c20f6 rgb(12,32,246)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2a2e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0442c2 Protanomaly 1% of men, 0.01% of women
#0445b4 Deuteranomaly 6% of men, 0.4% of women
#044999 Tritanomaly 0.01% of the population

#0c20f6 hex color

#0c20f6 Color Information

#0c20f6 Color Conversion

Color Schemes with #0c20f6

Alternatives to #0c20f6

#0c20f6 Preview

Shades and Tints of #0c20f6

Tones of #0c20f6

Color Blindness Simulator