colorhexa.com

#0c6bf1 hex color

In a RGB color space, hex #0c6bf1 is composed of 4.7% red, 42% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 95% cyan, 55.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 215.1 degrees, a saturation of 90.5% and a lightness of 49.6%. #0c6bf1 color hex could be obtained by blending #18d6ff with #0000e3. Closest websafe color is: #0066ff.

- R 5
- G 42
- B 95
RGB color chart
- C 95
- M 56
- Y 0
- K 5
CMYK color chart

● #0c6bf1 color description : Vivid blue.

The hexadecimal color #0c6bf1 has RGB values of R:12, G:107, B:241 and CMYK values of C:0.95, M:0.56, Y:0, K:0.05. Its decimal value is 814065.

Hex triplet	0c6bf1	`#0c6bf1`
RGB Decimal	12, 107, 241	`rgb(12,107,241)`
RGB Percent	4.7, 42, 94.5	`rgb(4.7%,42%,94.5%)`
CMYK	95, 56, 0, 5
HSL	215.1°, 90.5, 49.6	`hsl(215.1,90.5%,49.6%)`
HSV (or HSB)	215.1°, 95, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.188, 26.953, -73.748
XYZ	21.283, 16.943, 85.363
xyY	0.172, 0.137, 16.943
CIE-LCH	48.188, 78.519, 290.076
CIE-LUV	48.188, -23.598, -113.667
Hunter-Lab	41.161, 20.263, -94.146
Binary	00001100, 01101011, 11110001

#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#f1920c
```
#f1920c rgb(241,146,12)
```

Complementary Color

#0cdef1
```
#0cdef1 rgb(12,222,241)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#200cf1
```
#200cf1 rgb(32,12,241)
```

Analogous Color

#def10c
```
#def10c rgb(222,241,12)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#f11f0c
```
#f11f0c rgb(241,31,12)
```

Split Complementary Color

#6bf10c
```
#6bf10c rgb(107,241,12)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#f10c6b
```
#f10c6b rgb(241,12,107)
```

Triadic Color

#0cf192
```
#0cf192 rgb(12,241,146)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#f10c6b
```
#f10c6b rgb(241,12,107)
```
#f1920c
```
#f1920c rgb(241,146,12)
```

Tetradic Color

#084ba8
```
#084ba8 rgb(8,75,168)
```
#0a55c0
```
#0a55c0 rgb(10,85,192)
```
#0b60d9
```
#0b60d9 rgb(11,96,217)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#2279f4
```
#2279f4 rgb(34,121,244)
```
#3b88f5
```
#3b88f5 rgb(59,136,245)
```
#5397f6
```
#5397f6 rgb(83,151,246)
```

Monochromatic Color

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

#0ca4f1
```
#0ca4f1 rgb(12,164,241)
```
#0c91f1
```
#0c91f1 rgb(12,145,241)
```
#0c7ef1
```
#0c7ef1 rgb(12,126,241)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#0c58f1
```
#0c58f1 rgb(12,88,241)
```
#0c45f1
```
#0c45f1 rgb(12,69,241)
```
#0c32f1
```
#0c32f1 rgb(12,50,241)
```

Similar Colors

Text with hexadecimal color #0c6bf1

This text has a font color of #0c6bf1.

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

#0c6bf1 background color

This paragraph has a background color of #0c6bf1.

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

#0c6bf1 border color

This element has a border color of #0c6bf1.

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

CSS codes

.text {color:#0c6bf1;}

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

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

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

#010711
```
#010711 rgb(1,7,17)
```
#021023
```
#021023 rgb(2,16,35)
```
#031836
```
#031836 rgb(3,24,54)
```
#042049
```
#042049 rgb(4,32,73)
```
#05295c
```
#05295c rgb(5,41,92)
```
#05316e
```
#05316e rgb(5,49,110)
```
#063981
```
#063981 rgb(6,57,129)
```
#074294
```
#074294 rgb(7,66,148)
```
#084aa6
```
#084aa6 rgb(8,74,166)
```
#0952b9
```
#0952b9 rgb(9,82,185)
```
#0a5acc
```
#0a5acc rgb(10,90,204)
```
#0b63de
```
#0b63de rgb(11,99,222)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```

Shade Color Variation

#1d76f4
```
#1d76f4 rgb(29,118,244)
```
#3081f5
```
#3081f5 rgb(48,129,245)
```
#428df6
```
#428df6 rgb(66,141,246)
```
#5598f7
```
#5598f7 rgb(85,152,247)
```
#68a3f7
```
#68a3f7 rgb(104,163,247)
```
#7aaff8
```
#7aaff8 rgb(122,175,248)
```
#8dbaf9
```
#8dbaf9 rgb(141,186,249)
```
#a0c5fa
```
#a0c5fa rgb(160,197,250)
```
#b2d1fb
```
#b2d1fb rgb(178,209,251)
```
#c5dcfc
```
#c5dcfc rgb(197,220,252)
```
#d8e7fd
```
#d8e7fd rgb(216,231,253)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d86 is the less saturated color, while #0269fb is the most saturated one.

#777d86
```
#777d86 rgb(119,125,134)
```
#6d7c90
```
#6d7c90 rgb(109,124,144)
```
#647a99
```
#647a99 rgb(100,122,153)
```
#5a78a3
```
#5a78a3 rgb(90,120,163)
```
#5077ad
```
#5077ad rgb(80,119,173)
```
#4675b7
```
#4675b7 rgb(70,117,183)
```
#3d73c0
```
#3d73c0 rgb(61,115,192)
```
#3372ca
```
#3372ca rgb(51,114,202)
```
#2970d4
```
#2970d4 rgb(41,112,212)
```
#1f6ede
```
#1f6ede rgb(31,110,222)
```
#166de7
```
#166de7 rgb(22,109,231)
```
#0c6bf1
```
#0c6bf1 rgb(12,107,241)
```
#0269fb
```
#0269fb rgb(2,105,251)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4e617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0471ea Protanomaly 1% of men, 0.01% of women
#0476d8 Deuteranomaly 6% of men, 0.4% of women
#047cb1 Tritanomaly 0.01% of the population