#0c3afd hex color

In a RGB color space, hex #0c3afd is composed of 4.7% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.5 degrees, a saturation of 98.4% and a lightness of 52%. #0c3afd color hex could be obtained by blending #1874ff with #0000fb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 5
- G 23
- B 99
RGB color chart
- C 95
- M 77
- Y 0
- K 1
CMYK color chart

● #0c3afd color description : Vivid blue.

The hexadecimal color #0c3afd has RGB values of R:12, G:58, B:253 and CMYK values of C:0.95, M:0.77, Y:0, K:0.01. Its decimal value is 801533.

Hex triplet	0c3afd	`#0c3afd`
RGB Decimal	12, 58, 253	`rgb(12,58,253)`
RGB Percent	4.7, 22.7, 99.2	`rgb(4.7%,22.7%,99.2%)`
CMYK	95, 77, 0, 1
HSL	228.5°, 98.4, 52	`hsl(228.5,98.4%,52%)`
HSV (or HSB)	228.5°, 95.3, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.189, 60.769, -96.919
XYZ	19.391, 10.195, 93.869
xyY	0.157, 0.083, 10.195
CIE-LCH	38.189, 114.395, 302.088
CIE-LUV	38.189, -13.387, -132.16
Hunter-Lab	31.929, 52.529, -151.958
Binary	00001100, 00111010, 11111101

#0c3afd
```
#0c3afd rgb(12,58,253)
```
#fdcf0c
```
#fdcf0c rgb(253,207,12)
```

Complementary Color

#0cb3fd
```
#0cb3fd rgb(12,179,253)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#560cfd
```
#560cfd rgb(86,12,253)
```

Analogous Color

#b3fd0c
```
#b3fd0c rgb(179,253,12)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#fd560c
```
#fd560c rgb(253,86,12)
```

Split Complementary Color

#3afd0c
```
#3afd0c rgb(58,253,12)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#fd0c3a
```
#fd0c3a rgb(253,12,58)
```

Triadic Color

#0cfdcf
```
#0cfdcf rgb(12,253,207)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#fd0c3a
```
#fd0c3a rgb(253,12,58)
```
#fdcf0c
```
#fdcf0c rgb(253,207,12)
```

Tetradic Color

#0225bb
```
#0225bb rgb(2,37,187)
```
#022ad4
```
#022ad4 rgb(2,42,212)
```
#022fee
```
#022fee rgb(2,47,238)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#254ffd
```
#254ffd rgb(37,79,253)
```
#3f63fd
```
#3f63fd rgb(63,99,253)
```
#5878fe
```
#5878fe rgb(88,120,254)
```

Monochromatic Color

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

#0c76fd
```
#0c76fd rgb(12,118,253)
```
#0c62fd
```
#0c62fd rgb(12,98,253)
```
#0c4efd
```
#0c4efd rgb(12,78,253)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```
#0c26fd
```
#0c26fd rgb(12,38,253)
```
#0c12fd
```
#0c12fd rgb(12,18,253)
```
#1a0cfd
```
#1a0cfd rgb(26,12,253)
```

Similar Colors

Text with hexadecimal color #0c3afd

This text has a font color of #0c3afd.

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

#0c3afd background color

This paragraph has a background color of #0c3afd.

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

#0c3afd border color

This element has a border color of #0c3afd.

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

CSS codes

.text {color:#0c3afd;}

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

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

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, #00020a is the darkest color, while #f5f7ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#00061d
```
#00061d rgb(0,6,29)
```
#000a31
```
#000a31 rgb(0,10,49)
```
#010d44
```
#010d44 rgb(1,13,68)
```
#011158
```
#011158 rgb(1,17,88)
```
#01156b
```
#01156b rgb(1,21,107)
```
#01197f
```
#01197f rgb(1,25,127)
```
#011d92
```
#011d92 rgb(1,29,146)
```
#0121a6
```
#0121a6 rgb(1,33,166)
```
#0225b9
```
#0225b9 rgb(2,37,185)
```
#0228cc
```
#0228cc rgb(2,40,204)
```
#022ce0
```
#022ce0 rgb(2,44,224)
```
#0230f3
```
#0230f3 rgb(2,48,243)
```

Shade Color Variation

#0c3afd
```
#0c3afd rgb(12,58,253)
```
#1f4afd
```
#1f4afd rgb(31,74,253)
```
#335afd
```
#335afd rgb(51,90,253)
```
#4669fd
```
#4669fd rgb(70,105,253)
```
#5a79fe
```
#5a79fe rgb(90,121,254)
```
#6d89fe
```
#6d89fe rgb(109,137,254)
```
#8199fe
```
#8199fe rgb(129,153,254)
```
#94a8fe
```
#94a8fe rgb(148,168,254)
```
#a8b8fe
```
#a8b8fe rgb(168,184,254)
```
#bbc8fe
```
#bbc8fe rgb(187,200,254)
```
#cfd8ff
```
#cfd8ff rgb(207,216,255)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#7d808c
```
#7d808c rgb(125,128,140)
```
#747a95
```
#747a95 rgb(116,122,149)
```
#6a749f
```
#6a749f rgb(106,116,159)
```
#616ea8
```
#616ea8 rgb(97,110,168)
```
#5769b2
```
#5769b2 rgb(87,105,178)
```
#4e63bb
```
#4e63bb rgb(78,99,187)
```
#455dc4
```
#455dc4 rgb(69,93,196)
```
#3b57ce
```
#3b57ce rgb(59,87,206)
```
#3251d7
```
#3251d7 rgb(50,81,215)
```
#284be1
```
#284be1 rgb(40,75,225)
```
#1f46ea
```
#1f46ea rgb(31,70,234)
```
#1540f4
```
#1540f4 rgb(21,64,244)
```
#0c3afd
```
#0c3afd rgb(12,58,253)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#374067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c70 Tritanopia 0.001% of the population

Trichromacy

#0452d2 Protanomaly 1% of men, 0.01% of women
#0455c2 Deuteranomaly 6% of men, 0.4% of women
#045aa3 Tritanomaly 0.01% of the population

#0c3afd hex color

#0c3afd Color Information

#0c3afd Color Conversion

Color Schemes with #0c3afd

Alternatives to #0c3afd

#0c3afd Preview

Shades and Tints of #0c3afd

Tones of #0c3afd

Color Blindness Simulator