#0c7fff hex color

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

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

● #0c7fff color description : Vivid blue.

The hexadecimal color #0c7fff has RGB values of R:12, G:127, B:255 and CMYK values of C:0.95, M:0.5, Y:0, K:0. Its decimal value is 819199.

Hex triplet	0c7fff	`#0c7fff`
RGB Decimal	12, 127, 255	`rgb(12,127,255)`
RGB Percent	4.7, 49.8, 100	`rgb(4.7%,49.8%,100%)`
CMYK	95, 50, 0, 0
HSL	211.6°, 100, 52.4	`hsl(211.6,100%,52.4%)`
HSV (or HSB)	211.6°, 95.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	54.527, 19.69, -71.228
XYZ	25.787, 22.475, 97.581
xyY	0.177, 0.154, 22.475
CIE-LCH	54.527, 73.899, 285.453
CIE-LUV	54.527, -28.721, -113.296
Hunter-Lab	47.407, 14.131, -88.855
Binary	00001100, 01111111, 11111111

#0c7fff
```
#0c7fff rgb(12,127,255)
```
#ff8c0c
```
#ff8c0c rgb(255,140,12)
```

Complementary Color

#0cf9ff
```
#0cf9ff rgb(12,249,255)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#130cff
```
#130cff rgb(19,12,255)
```

Analogous Color

#f9ff0c
```
#f9ff0c rgb(249,255,12)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#ff130c
```
#ff130c rgb(255,19,12)
```

Split Complementary Color

#7fff0c
```
#7fff0c rgb(127,255,12)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#ff0c7f
```
#ff0c7f rgb(255,12,127)
```

Triadic Color

#0cff8c
```
#0cff8c rgb(12,255,140)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#ff0c7f
```
#ff0c7f rgb(255,12,127)
```
#ff8c0c
```
#ff8c0c rgb(255,140,12)
```

Tetradic Color

#005abf
```
#005abf rgb(0,90,191)
```
#0066d8
```
#0066d8 rgb(0,102,216)
```
#0072f2
```
#0072f2 rgb(0,114,242)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#268cff
```
#268cff rgb(38,140,255)
```
#3f9aff
```
#3f9aff rgb(63,154,255)
```
#59a7ff
```
#59a7ff rgb(89,167,255)
```

Monochromatic Color

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

#0cbcff
```
#0cbcff rgb(12,188,255)
```
#0ca8ff
```
#0ca8ff rgb(12,168,255)
```
#0c93ff
```
#0c93ff rgb(12,147,255)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```
#0c6bff
```
#0c6bff rgb(12,107,255)
```
#0c57ff
```
#0c57ff rgb(12,87,255)
```
#0c42ff
```
#0c42ff rgb(12,66,255)
```

Similar Colors

Text with hexadecimal color #0c7fff

This text has a font color of #0c7fff.

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

#0c7fff background color

This paragraph has a background color of #0c7fff.

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

#0c7fff border color

This element has a border color of #0c7fff.

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

CSS codes

.text {color:#0c7fff;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#000f20
```
#000f20 rgb(0,15,32)
```
#001833
```
#001833 rgb(0,24,51)
```
#002247
```
#002247 rgb(0,34,71)
```
#002b5a
```
#002b5a rgb(0,43,90)
```
#00346e
```
#00346e rgb(0,52,110)
```
#003d82
```
#003d82 rgb(0,61,130)
```
#004795
```
#004795 rgb(0,71,149)
```
#0050a9
```
#0050a9 rgb(0,80,169)
```
#0059bd
```
#0059bd rgb(0,89,189)
```
#0063d0
```
#0063d0 rgb(0,99,208)
```
#006ce4
```
#006ce4 rgb(0,108,228)
```
#0075f7
```
#0075f7 rgb(0,117,247)
```

Shade Color Variation

#0c7fff
```
#0c7fff rgb(12,127,255)
```
#2089ff
```
#2089ff rgb(32,137,255)
```
#3394ff
```
#3394ff rgb(51,148,255)
```
#479eff
```
#479eff rgb(71,158,255)
```
#5aa8ff
```
#5aa8ff rgb(90,168,255)
```
#6eb3ff
```
#6eb3ff rgb(110,179,255)
```
#82bdff
```
#82bdff rgb(130,189,255)
```
#95c7ff
```
#95c7ff rgb(149,199,255)
```
#a9d2ff
```
#a9d2ff rgb(169,210,255)
```
#bddcff
```
#bddcff rgb(189,220,255)
```
#d0e6ff
```
#d0e6ff rgb(208,230,255)
```
#e4f1ff
```
#e4f1ff rgb(228,241,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#7c858f
```
#7c858f rgb(124,133,143)
```
#738598
```
#738598 rgb(115,133,152)
```
#6984a2
```
#6984a2 rgb(105,132,162)
```
#6084ab
```
#6084ab rgb(96,132,171)
```
#5783b4
```
#5783b4 rgb(87,131,180)
```
#4d83be
```
#4d83be rgb(77,131,190)
```
#4482c7
```
#4482c7 rgb(68,130,199)
```
#3b82d0
```
#3b82d0 rgb(59,130,208)
```
#3181da
```
#3181da rgb(49,129,218)
```
#2881e3
```
#2881e3 rgb(40,129,227)
```
#1f80ec
```
#1f80ec rgb(31,128,236)
```
#1580f6
```
#1580f6 rgb(21,128,246)
```
#0c7fff
```
#0c7fff rgb(12,127,255)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#586f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e84fe Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#00969e Tritanopia 0.001% of the population

Trichromacy

#2282fe Protanomaly 1% of men, 0.01% of women
#0487ee Deuteranomaly 6% of men, 0.4% of women
#048dc1 Tritanomaly 0.01% of the population

#0c7fff hex color

#0c7fff Color Information

#0c7fff Color Conversion

Color Schemes with #0c7fff

Alternatives to #0c7fff

#0c7fff Preview

Shades and Tints of #0c7fff

Tones of #0c7fff

Color Blindness Simulator