#0c6fff hex color

In a RGB color space, hex #0c6fff is composed of 4.7% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 215.6 degrees, a saturation of 100% and a lightness of 52.4%. #0c6fff color hex could be obtained by blending #18deff with #0000ff. Closest websafe color is: #0066ff.

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

● #0c6fff color description : Vivid blue.

The hexadecimal color #0c6fff has RGB values of R:12, G:111, B:255 and CMYK values of C:0.95, M:0.56, Y:0, K:0. Its decimal value is 815103.

Hex triplet	0c6fff	`#0c6fff`
RGB Decimal	12, 111, 255	`rgb(12,111,255)`
RGB Percent	4.7, 43.5, 100	`rgb(4.7%,43.5%,100%)`
CMYK	95, 56, 0, 0
HSL	215.6°, 100, 52.4	`hsl(215.6,100%,52.4%)`
HSV (or HSB)	215.6°, 95.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.293, 29.766, -78.109
XYZ	23.882, 18.665, 96.946
xyY	0.171, 0.134, 18.665
CIE-LCH	50.293, 83.588, 290.861
CIE-LUV	50.293, -24.325, -121.52
Hunter-Lab	43.203, 23.068, -102.803
Binary	00001100, 01101111, 11111111

#0c6fff
```
#0c6fff rgb(12,111,255)
```
#ff9c0c
```
#ff9c0c rgb(255,156,12)
```

Complementary Color

#0ce9ff
```
#0ce9ff rgb(12,233,255)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#220cff
```
#220cff rgb(34,12,255)
```

Analogous Color

#e9ff0c
```
#e9ff0c rgb(233,255,12)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#ff230c
```
#ff230c rgb(255,35,12)
```

Split Complementary Color

#6fff0c
```
#6fff0c rgb(111,255,12)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#ff0c6f
```
#ff0c6f rgb(255,12,111)
```

Triadic Color

#0cff9c
```
#0cff9c rgb(12,255,156)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#ff0c6f
```
#ff0c6f rgb(255,12,111)
```
#ff9c0c
```
#ff9c0c rgb(255,156,12)
```

Tetradic Color

#004ebf
```
#004ebf rgb(0,78,191)
```
#0058d8
```
#0058d8 rgb(0,88,216)
```
#0062f2
```
#0062f2 rgb(0,98,242)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#267eff
```
#267eff rgb(38,126,255)
```
#3f8dff
```
#3f8dff rgb(63,141,255)
```
#599cff
```
#599cff rgb(89,156,255)
```

Monochromatic Color

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

#0cacff
```
#0cacff rgb(12,172,255)
```
#0c98ff
```
#0c98ff rgb(12,152,255)
```
#0c83ff
```
#0c83ff rgb(12,131,255)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```
#0c5bff
```
#0c5bff rgb(12,91,255)
```
#0c46ff
```
#0c46ff rgb(12,70,255)
```
#0c32ff
```
#0c32ff rgb(12,50,255)
```

Similar Colors

Text with hexadecimal color #0c6fff

This text has a font color of #0c6fff.

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

#0c6fff background color

This paragraph has a background color of #0c6fff.

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

#0c6fff border color

This element has a border color of #0c6fff.

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

CSS codes

.text {color:#0c6fff;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#000d20
```
#000d20 rgb(0,13,32)
```
#001533
```
#001533 rgb(0,21,51)
```
#001d47
```
#001d47 rgb(0,29,71)
```
#00255a
```
#00255a rgb(0,37,90)
```
#002d6e
```
#002d6e rgb(0,45,110)
```
#003582
```
#003582 rgb(0,53,130)
```
#003d95
```
#003d95 rgb(0,61,149)
```
#0045a9
```
#0045a9 rgb(0,69,169)
```
#004dbd
```
#004dbd rgb(0,77,189)
```
#0055d0
```
#0055d0 rgb(0,85,208)
```
#005de4
```
#005de4 rgb(0,93,228)
```
#0065f7
```
#0065f7 rgb(0,101,247)
```

Shade Color Variation

#0c6fff
```
#0c6fff rgb(12,111,255)
```
#207bff
```
#207bff rgb(32,123,255)
```
#3386ff
```
#3386ff rgb(51,134,255)
```
#4792ff
```
#4792ff rgb(71,146,255)
```
#5a9dff
```
#5a9dff rgb(90,157,255)
```
#6ea9ff
```
#6ea9ff rgb(110,169,255)
```
#82b5ff
```
#82b5ff rgb(130,181,255)
```
#95c0ff
```
#95c0ff rgb(149,192,255)
```
#a9ccff
```
#a9ccff rgb(169,204,255)
```
#bdd8ff
```
#bdd8ff rgb(189,216,255)
```
#d0e3ff
```
#d0e3ff rgb(208,227,255)
```
#e4efff
```
#e4efff rgb(228,239,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#7c848f
```
#7c848f rgb(124,132,143)
```
#738298
```
#738298 rgb(115,130,152)
```
#6980a2
```
#6980a2 rgb(105,128,162)
```
#607fab
```
#607fab rgb(96,127,171)
```
#577db4
```
#577db4 rgb(87,125,180)
```
#4d7bbe
```
#4d7bbe rgb(77,123,190)
```
#4479c7
```
#4479c7 rgb(68,121,199)
```
#3b78d0
```
#3b78d0 rgb(59,120,208)
```
#3176da
```
#3176da rgb(49,118,218)
```
#2874e3
```
#2874e3 rgb(40,116,227)
```
#1f72ec
```
#1f72ec rgb(31,114,236)
```
#1571f6
```
#1571f6 rgb(21,113,246)
```
#0c6fff
```
#0c6fff rgb(12,111,255)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#516581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008b92 Tritanopia 0.001% of the population

Trichromacy

#0476f5 Protanomaly 1% of men, 0.01% of women
#047ae2 Deuteranomaly 6% of men, 0.4% of women
#0481b9 Tritanomaly 0.01% of the population

#0c6fff hex color

#0c6fff Color Information

#0c6fff Color Conversion

Color Schemes with #0c6fff

Alternatives to #0c6fff

#0c6fff Preview

Shades and Tints of #0c6fff

Tones of #0c6fff

Color Blindness Simulator