#0c46ff hex color

In a RGB color space, hex #0c46ff is composed of 4.7% red, 27.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 72.5% magenta, 0% yellow and 0% black. It has a hue angle of 225.7 degrees, a saturation of 100% and a lightness of 52.4%. #0c46ff color hex could be obtained by blending #188cff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 5
- G 27
- B 100
RGB color chart
- C 95
- M 73
- Y 0
- K 0
CMYK color chart

● #0c46ff color description : Vivid blue.

The hexadecimal color #0c46ff has RGB values of R:12, G:70, B:255 and CMYK values of C:0.95, M:0.73, Y:0, K:0. Its decimal value is 804607.

Hex triplet	0c46ff	`#0c46ff`
RGB Decimal	12, 70, 255	`rgb(12,70,255)`
RGB Percent	4.7, 27.5, 100	`rgb(4.7%,27.5%,100%)`
CMYK	95, 73, 0, 0
HSL	225.7°, 100, 52.4	`hsl(225.7,100%,52.4%)`
HSV (or HSB)	225.7°, 95.3, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.698, 54.919, -93.878
XYZ	20.388, 11.677, 95.782
xyY	0.159, 0.091, 11.677
CIE-LCH	40.698, 108.762, 300.328
CIE-LUV	40.698, -15.319, -132.64
Hunter-Lab	34.171, 46.701, -142.269
Binary	00001100, 01000110, 11111111

#0c46ff
```
#0c46ff rgb(12,70,255)
```
#ffc50c
```
#ffc50c rgb(255,197,12)
```

Complementary Color

#0cc0ff
```
#0cc0ff rgb(12,192,255)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#4c0cff
```
#4c0cff rgb(76,12,255)
```

Analogous Color

#c0ff0c
```
#c0ff0c rgb(192,255,12)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#ff4c0c
```
#ff4c0c rgb(255,76,12)
```

Split Complementary Color

#46ff0c
```
#46ff0c rgb(70,255,12)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#ff0c46
```
#ff0c46 rgb(255,12,70)
```

Triadic Color

#0cffc5
```
#0cffc5 rgb(12,255,197)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#ff0c46
```
#ff0c46 rgb(255,12,70)
```
#ffc50c
```
#ffc50c rgb(255,197,12)
```

Tetradic Color

#002dbf
```
#002dbf rgb(0,45,191)
```
#0034d8
```
#0034d8 rgb(0,52,216)
```
#003af2
```
#003af2 rgb(0,58,242)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#2659ff
```
#2659ff rgb(38,89,255)
```
#3f6dff
```
#3f6dff rgb(63,109,255)
```
#5980ff
```
#5980ff rgb(89,128,255)
```

Monochromatic Color

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

#0c83ff
```
#0c83ff rgb(12,131,255)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#0c5aff
```
#0c5aff rgb(12,90,255)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#0c32ff
```
#0c32ff rgb(12,50,255)
```
#0c1eff
```
#0c1eff rgb(12,30,255)
```
#0f0cff
```
#0f0cff rgb(15,12,255)
```

Similar Colors

Text with hexadecimal color #0c46ff

This text has a font color of #0c46ff.

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

#0c46ff background color

This paragraph has a background color of #0c46ff.

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

#0c46ff border color

This element has a border color of #0c46ff.

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

CSS codes

.text {color:#0c46ff;}

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

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

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, #00030c is the darkest color, while #f7f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#000820
```
#000820 rgb(0,8,32)
```
#000c33
```
#000c33 rgb(0,12,51)
```
#001147
```
#001147 rgb(0,17,71)
```
#00165a
```
#00165a rgb(0,22,90)
```
#001a6e
```
#001a6e rgb(0,26,110)
```
#001f82
```
#001f82 rgb(0,31,130)
```
#002495
```
#002495 rgb(0,36,149)
```
#0028a9
```
#0028a9 rgb(0,40,169)
```
#002dbd
```
#002dbd rgb(0,45,189)
```
#0032d0
```
#0032d0 rgb(0,50,208)
```
#0036e4
```
#0036e4 rgb(0,54,228)
```
#003bf7
```
#003bf7 rgb(0,59,247)
```

Shade Color Variation

#0c46ff
```
#0c46ff rgb(12,70,255)
```
#2055ff
```
#2055ff rgb(32,85,255)
```
#3364ff
```
#3364ff rgb(51,100,255)
```
#4773ff
```
#4773ff rgb(71,115,255)
```
#5a82ff
```
#5a82ff rgb(90,130,255)
```
#6e91ff
```
#6e91ff rgb(110,145,255)
```
#82a0ff
```
#82a0ff rgb(130,160,255)
```
#95afff
```
#95afff rgb(149,175,255)
```
#a9bdff
```
#a9bdff rgb(169,189,255)
```
#bdccff
```
#bdccff rgb(189,204,255)
```
#d0dbff
```
#d0dbff rgb(208,219,255)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#7c818f
```
#7c818f rgb(124,129,143)
```
#737c98
```
#737c98 rgb(115,124,152)
```
#6977a2
```
#6977a2 rgb(105,119,162)
```
#6072ab
```
#6072ab rgb(96,114,171)
```
#576db4
```
#576db4 rgb(87,109,180)
```
#4d68be
```
#4d68be rgb(77,104,190)
```
#4463c7
```
#4463c7 rgb(68,99,199)
```
#3b5ed0
```
#3b5ed0 rgb(59,94,208)
```
#315ada
```
#315ada rgb(49,90,218)
```
#2855e3
```
#2855e3 rgb(40,85,227)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```
#154bf6
```
#154bf6 rgb(21,75,246)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3e496e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0459d9 Protanomaly 1% of men, 0.01% of women
#045dc9 Deuteranomaly 6% of men, 0.4% of women
#0462a8 Tritanomaly 0.01% of the population

#0c46ff hex color

#0c46ff Color Information

#0c46ff Color Conversion

Color Schemes with #0c46ff

Alternatives to #0c46ff

#0c46ff Preview

Shades and Tints of #0c46ff

Tones of #0c46ff

Color Blindness Simulator