#0c4bff hex color

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

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

● #0c4bff color description : Vivid blue.

The hexadecimal color #0c4bff has RGB values of R:12, G:75, B:255 and CMYK values of C:0.95, M:0.71, Y:0, K:0. Its decimal value is 805887.

Hex triplet	0c4bff	`#0c4bff`
RGB Decimal	12, 75, 255	`rgb(12,75,255)`
RGB Percent	4.7, 29.4, 100	`rgb(4.7%,29.4%,100%)`
CMYK	95, 71, 0, 0
HSL	224.4°, 100, 52.4	`hsl(224.4,100%,52.4%)`
HSV (or HSB)	224.4°, 95.3, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.734, 52.041, -92.165
XYZ	20.714, 12.329, 95.89
xyY	0.161, 0.096, 12.329
CIE-LCH	41.734, 105.842, 299.451
CIE-LUV	41.734, -16.212, -132.061
Hunter-Lab	35.112, 43.858, -137.341
Binary	00001100, 01001011, 11111111

#0c4bff
```
#0c4bff rgb(12,75,255)
```
#ffc00c
```
#ffc00c rgb(255,192,12)
```

Complementary Color

#0cc5ff
```
#0cc5ff rgb(12,197,255)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#470cff
```
#470cff rgb(71,12,255)
```

Analogous Color

#c5ff0c
```
#c5ff0c rgb(197,255,12)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#ff470c
```
#ff470c rgb(255,71,12)
```

Split Complementary Color

#4bff0c
```
#4bff0c rgb(75,255,12)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#ff0c4b
```
#ff0c4b rgb(255,12,75)
```

Triadic Color

#0cffc0
```
#0cffc0 rgb(12,255,192)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#ff0c4b
```
#ff0c4b rgb(255,12,75)
```
#ffc00c
```
#ffc00c rgb(255,192,12)
```

Tetradic Color

#0031bf
```
#0031bf rgb(0,49,191)
```
#0038d8
```
#0038d8 rgb(0,56,216)
```
#003ff2
```
#003ff2 rgb(0,63,242)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#265eff
```
#265eff rgb(38,94,255)
```
#3f71ff
```
#3f71ff rgb(63,113,255)
```
#5984ff
```
#5984ff rgb(89,132,255)
```

Monochromatic Color

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

#0c88ff
```
#0c88ff rgb(12,136,255)
```
#0c74ff
```
#0c74ff rgb(12,116,255)
```
#0c5fff
```
#0c5fff rgb(12,95,255)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```
#0c37ff
```
#0c37ff rgb(12,55,255)
```
#0c23ff
```
#0c23ff rgb(12,35,255)
```
#0c0eff
```
#0c0eff rgb(12,14,255)
```

Similar Colors

Text with hexadecimal color #0c4bff

This text has a font color of #0c4bff.

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

#0c4bff background color

This paragraph has a background color of #0c4bff.

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

#0c4bff border color

This element has a border color of #0c4bff.

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

CSS codes

.text {color:#0c4bff;}

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

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

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)
```
#000d33
```
#000d33 rgb(0,13,51)
```
#001247
```
#001247 rgb(0,18,71)
```
#00175a
```
#00175a rgb(0,23,90)
```
#001d6e
```
#001d6e rgb(0,29,110)
```
#002282
```
#002282 rgb(0,34,130)
```
#002795
```
#002795 rgb(0,39,149)
```
#002ca9
```
#002ca9 rgb(0,44,169)
```
#0031bd
```
#0031bd rgb(0,49,189)
```
#0036d0
```
#0036d0 rgb(0,54,208)
```
#003be4
```
#003be4 rgb(0,59,228)
```
#0040f7
```
#0040f7 rgb(0,64,247)
```

Shade Color Variation

#0c4bff
```
#0c4bff rgb(12,75,255)
```
#205aff
```
#205aff rgb(32,90,255)
```
#3368ff
```
#3368ff rgb(51,104,255)
```
#4777ff
```
#4777ff rgb(71,119,255)
```
#5a85ff
```
#5a85ff rgb(90,133,255)
```
#6e94ff
```
#6e94ff rgb(110,148,255)
```
#82a2ff
```
#82a2ff rgb(130,162,255)
```
#95b1ff
```
#95b1ff rgb(149,177,255)
```
#a9bfff
```
#a9bfff rgb(169,191,255)
```
#bdceff
```
#bdceff rgb(189,206,255)
```
#d0dcff
```
#d0dcff rgb(208,220,255)
```
#e4ebff
```
#e4ebff rgb(228,235,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 #0c4bff is the most saturated one.

#7c818f
```
#7c818f rgb(124,129,143)
```
#737d98
```
#737d98 rgb(115,125,152)
```
#6978a2
```
#6978a2 rgb(105,120,162)
```
#6074ab
```
#6074ab rgb(96,116,171)
```
#576fb4
```
#576fb4 rgb(87,111,180)
```
#4d6bbe
```
#4d6bbe rgb(77,107,190)
```
#4466c7
```
#4466c7 rgb(68,102,199)
```
#3b62d0
```
#3b62d0 rgb(59,98,208)
```
#315dda
```
#315dda rgb(49,93,218)
```
#2859e3
```
#2859e3 rgb(40,89,227)
```
#1f54ec
```
#1f54ec rgb(31,84,236)
```
#1550f6
```
#1550f6 rgb(21,80,246)
```
#0c4bff
```
#0c4bff rgb(12,75,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#404d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#045ddc Protanomaly 1% of men, 0.01% of women
#0461cb Deuteranomaly 6% of men, 0.4% of women
#0465aa Tritanomaly 0.01% of the population

#0c4bff hex color

#0c4bff Color Information

#0c4bff Color Conversion

Color Schemes with #0c4bff

Alternatives to #0c4bff

#0c4bff Preview

Shades and Tints of #0c4bff

Tones of #0c4bff

Color Blindness Simulator