#0c18f7 hex color

In a RGB color space, hex #0c18f7 is composed of 4.7% red, 9.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 90.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 236.9 degrees, a saturation of 93.6% and a lightness of 50.8%. #0c18f7 color hex could be obtained by blending #1830ff with #0000ef. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 5
- G 9
- B 97
RGB color chart
- C 95
- M 90
- Y 0
- K 3
CMYK color chart

● #0c18f7 color description : Vivid blue.

The hexadecimal color #0c18f7 has RGB values of R:12, G:24, B:247 and CMYK values of C:0.95, M:0.9, Y:0, K:0.03. Its decimal value is 792823.

Hex triplet	0c18f7	`#0c18f7`
RGB Decimal	12, 24, 247	`rgb(12,24,247)`
RGB Percent	4.7, 9.4, 96.9	`rgb(4.7%,9.4%,96.9%)`
CMYK	95, 90, 0, 3
HSL	236.9°, 93.6, 50.8	`hsl(236.9,93.6%,50.8%)`
HSV (or HSB)	236.9°, 95.1, 96.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.8, 72.815, -102.523
XYZ	17.263, 7.445, 88.518
xyY	0.152, 0.066, 7.445
CIE-LCH	32.8, 125.749, 305.383
CIE-LUV	32.8, -9.721, -127.272
Hunter-Lab	27.286, 65.181, -173.238
Binary	00001100, 00011000, 11110111

#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#f7eb0c
```
#f7eb0c rgb(247,235,12)
```

Complementary Color

#0c8ef7
```
#0c8ef7 rgb(12,142,247)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#760cf7
```
#760cf7 rgb(118,12,247)
```

Analogous Color

#8ef70c
```
#8ef70c rgb(142,247,12)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#f7760c
```
#f7760c rgb(247,118,12)
```

Split Complementary Color

#18f70c
```
#18f70c rgb(24,247,12)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#f70c18
```
#f70c18 rgb(247,12,24)
```

Triadic Color

#0cf7eb
```
#0cf7eb rgb(12,247,235)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#f70c18
```
#f70c18 rgb(247,12,24)
```
#f7eb0c
```
#f7eb0c rgb(247,235,12)
```

Tetradic Color

#060fb1
```
#060fb1 rgb(6,15,177)
```
#0711c9
```
#0711c9 rgb(7,17,201)
```
#0713e2
```
#0713e2 rgb(7,19,226)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#252ff8
```
#252ff8 rgb(37,47,248)
```
#3d47f9
```
#3d47f9 rgb(61,71,249)
```
#565ef9
```
#565ef9 rgb(86,94,249)
```

Monochromatic Color

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

#0c53f7
```
#0c53f7 rgb(12,83,247)
```
#0c3ff7
```
#0c3ff7 rgb(12,63,247)
```
#0c2cf7
```
#0c2cf7 rgb(12,44,247)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#140cf7
```
#140cf7 rgb(20,12,247)
```
#270cf7
```
#270cf7 rgb(39,12,247)
```
#3b0cf7
```
#3b0cf7 rgb(59,12,247)
```

Similar Colors

Text with hexadecimal color #0c18f7

This text has a font color of #0c18f7.

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

#0c18f7 background color

This paragraph has a background color of #0c18f7.

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

#0c18f7 border color

This element has a border color of #0c18f7.

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

CSS codes

.text {color:#0c18f7;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#010217
```
#010217 rgb(1,2,23)
```
#01032a
```
#01032a rgb(1,3,42)
```
#02053d
```
#02053d rgb(2,5,61)
```
#030750
```
#030750 rgb(3,7,80)
```
#030863
```
#030863 rgb(3,8,99)
```
#040a76
```
#040a76 rgb(4,10,118)
```
#050b89
```
#050b89 rgb(5,11,137)
```
#050d9c
```
#050d9c rgb(5,13,156)
```
#060eaf
```
#060eaf rgb(6,14,175)
```
#0610c2
```
#0610c2 rgb(6,16,194)
```
#0712d5
```
#0712d5 rgb(7,18,213)
```
#0813e8
```
#0813e8 rgb(8,19,232)
```

Shade Color Variation

#0c18f7
```
#0c18f7 rgb(12,24,247)
```
#1f2af8
```
#1f2af8 rgb(31,42,248)
```
#323cf8
```
#323cf8 rgb(50,60,248)
```
#454ef9
```
#454ef9 rgb(69,78,249)
```
#5860fa
```
#5860fa rgb(88,96,250)
```
#6b72fa
```
#6b72fa rgb(107,114,250)
```
#7e84fb
```
#7e84fb rgb(126,132,251)
```
#9196fb
```
#9196fb rgb(145,150,251)
```
#a4a8fc
```
#a4a8fc rgb(164,168,252)
```
#b7bafd
```
#b7bafd rgb(183,186,253)
```
#cacdfd
```
#cacdfd rgb(202,205,253)
```
#dddffe
```
#dddffe rgb(221,223,254)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#808083
```
#808083 rgb(128,128,131)
```
#76778d
```
#76778d rgb(118,119,141)
```
#6d6f96
```
#6d6f96 rgb(109,111,150)
```
#6366a0
```
#6366a0 rgb(99,102,160)
```
#595daa
```
#595daa rgb(89,93,170)
```
#5055b3
```
#5055b3 rgb(80,85,179)
```
#464cbd
```
#464cbd rgb(70,76,189)
```
#3c43c7
```
#3c43c7 rgb(60,67,199)
```
#333bd0
```
#333bd0 rgb(51,59,208)
```
#2932da
```
#2932da rgb(41,50,218)
```
#1f29e4
```
#1f29e4 rgb(31,41,228)
```
#1621ed
```
#1621ed rgb(22,33,237)
```
#0c18f7
```
#0c18f7 rgb(12,24,247)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#272a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a2 Protanopia 1% of men
#00598c Deuteranopia 1% of men
#005f62 Tritanopia 0.001% of the population

Trichromacy

#043ec1 Protanomaly 1% of men, 0.01% of women
#0441b3 Deuteranomaly 6% of men, 0.4% of women
#044598 Tritanomaly 0.01% of the population

#0c18f7 hex color

#0c18f7 Color Information

#0c18f7 Color Conversion

Color Schemes with #0c18f7

Alternatives to #0c18f7

#0c18f7 Preview

Shades and Tints of #0c18f7

Tones of #0c18f7

Color Blindness Simulator