#0c2af3 hex color

In a RGB color space, hex #0c2af3 is composed of 4.7% red, 16.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 82.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 232.2 degrees, a saturation of 90.6% and a lightness of 50%. #0c2af3 color hex could be obtained by blending #1854ff with #0000e7. Closest websafe color is: #0033ff.

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

● #0c2af3 color description : Vivid blue.

The hexadecimal color #0c2af3 has RGB values of R:12, G:42, B:243 and CMYK values of C:0.95, M:0.83, Y:0, K:0.05. Its decimal value is 797427.

Hex triplet	0c2af3	`#0c2af3`
RGB Decimal	12, 42, 243	`rgb(12,42,243)`
RGB Percent	4.7, 16.5, 95.3	`rgb(4.7%,16.5%,95.3%)`
CMYK	95, 83, 0, 5
HSL	232.2°, 90.6, 50	`hsl(232.2,90.6%,50%)`
HSV (or HSB)	232.2°, 95.1, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.404, 65.303, -97.589
XYZ	17.154, 8.204, 85.468
xyY	0.155, 0.074, 8.204
CIE-LCH	34.404, 117.423, 303.789
CIE-LUV	34.404, -11.108, -126.203
Hunter-Lab	28.642, 56.781, -156.872
Binary	00001100, 00101010, 11110011

#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#f3d50c
```
#f3d50c rgb(243,213,12)
```

Complementary Color

#0c9ef3
```
#0c9ef3 rgb(12,158,243)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#610cf3
```
#610cf3 rgb(97,12,243)
```

Analogous Color

#9ef30c
```
#9ef30c rgb(158,243,12)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#f3610c
```
#f3610c rgb(243,97,12)
```

Split Complementary Color

#2af30c
```
#2af30c rgb(42,243,12)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#f30c2a
```
#f30c2a rgb(243,12,42)
```

Triadic Color

#0cf3d5
```
#0cf3d5 rgb(12,243,213)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#f30c2a
```
#f30c2a rgb(243,12,42)
```
#f3d50c
```
#f3d50c rgb(243,213,12)
```

Tetradic Color

#081daa
```
#081daa rgb(8,29,170)
```
#0a22c2
```
#0a22c2 rgb(10,34,194)
```
#0b26db
```
#0b26db rgb(11,38,219)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#243ff4
```
#243ff4 rgb(36,63,244)
```
#3d55f5
```
#3d55f5 rgb(61,85,245)
```
#556af7
```
#556af7 rgb(85,106,247)
```

Monochromatic Color

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

#0c64f3
```
#0c64f3 rgb(12,100,243)
```
#0c51f3
```
#0c51f3 rgb(12,81,243)
```
#0c3df3
```
#0c3df3 rgb(12,61,243)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#0c17f3
```
#0c17f3 rgb(12,23,243)
```
#150cf3
```
#150cf3 rgb(21,12,243)
```
#280cf3
```
#280cf3 rgb(40,12,243)
```

Similar Colors

Text with hexadecimal color #0c2af3

This text has a font color of #0c2af3.

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

#0c2af3 background color

This paragraph has a background color of #0c2af3.

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

#0c2af3 border color

This element has a border color of #0c2af3.

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

CSS codes

.text {color:#0c2af3;}

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

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

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

#010313
```
#010313 rgb(1,3,19)
```
#020625
```
#020625 rgb(2,6,37)
```
#030a38
```
#030a38 rgb(3,10,56)
```
#040d4b
```
#040d4b rgb(4,13,75)
```
#05105d
```
#05105d rgb(5,16,93)
```
#061370
```
#061370 rgb(6,19,112)
```
#061783
```
#061783 rgb(6,23,131)
```
#071a96
```
#071a96 rgb(7,26,150)
```
#081da8
```
#081da8 rgb(8,29,168)
```
#0920bb
```
#0920bb rgb(9,32,187)
```
#0a24ce
```
#0a24ce rgb(10,36,206)
```
#0b27e0
```
#0b27e0 rgb(11,39,224)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```

Shade Color Variation

#1f3af4
```
#1f3af4 rgb(31,58,244)
```
#314bf5
```
#314bf5 rgb(49,75,245)
```
#445bf6
```
#445bf6 rgb(68,91,246)
```
#576cf7
```
#576cf7 rgb(87,108,247)
```
#697cf8
```
#697cf8 rgb(105,124,248)
```
#7c8cf9
```
#7c8cf9 rgb(124,140,249)
```
#8f9df9
```
#8f9df9 rgb(143,157,249)
```
#a2adfa
```
#a2adfa rgb(162,173,250)
```
#b4bdfb
```
#b4bdfb rgb(180,189,251)
```
#c7cefc
```
#c7cefc rgb(199,206,252)
```
#dadefd
```
#dadefd rgb(218,222,253)
```
#eceffe
```
#eceffe rgb(236,239,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a87 is the less saturated color, while #0223fd is the most saturated one.

#787a87
```
#787a87 rgb(120,122,135)
```
#6e7391
```
#6e7391 rgb(110,115,145)
```
#646b9b
```
#646b9b rgb(100,107,155)
```
#5a64a5
```
#5a64a5 rgb(90,100,165)
```
#515dae
```
#515dae rgb(81,93,174)
```
#4756b8
```
#4756b8 rgb(71,86,184)
```
#3d4ec2
```
#3d4ec2 rgb(61,78,194)
```
#3347cc
```
#3347cc rgb(51,71,204)
```
#2940d6
```
#2940d6 rgb(41,64,214)
```
#2039df
```
#2039df rgb(32,57,223)
```
#1631e9
```
#1631e9 rgb(22,49,233)
```
#0c2af3
```
#0c2af3 rgb(12,42,243)
```
#0223fd
```
#0223fd rgb(2,35,253)
```

Tone Color Variation

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

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006366 Tritanopia 0.001% of the population

Trichromacy

#0446c4 Protanomaly 1% of men, 0.01% of women
#044ab5 Deuteranomaly 6% of men, 0.4% of women
#044e99 Tritanomaly 0.01% of the population

#0c2af3 hex color

#0c2af3 Color Information

#0c2af3 Color Conversion

Color Schemes with #0c2af3

Alternatives to #0c2af3

#0c2af3 Preview

Shades and Tints of #0c2af3

Tones of #0c2af3

Color Blindness Simulator