#0cc7fd hex color

In a RGB color space, hex #0cc7fd is composed of 4.7% red, 78% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 21.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 193.4 degrees, a saturation of 98.4% and a lightness of 52%. #0cc7fd color hex could be obtained by blending #18ffff with #008ffb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 78
- B 99
RGB color chart
- C 95
- M 21
- Y 0
- K 1
CMYK color chart

● #0cc7fd color description : Vivid cyan.

The hexadecimal color #0cc7fd has RGB values of R:12, G:199, B:253 and CMYK values of C:0.95, M:0.21, Y:0, K:0.01. Its decimal value is 837629.

Hex triplet	0cc7fd	`#0cc7fd`
RGB Decimal	12, 199, 253	`rgb(12,199,253)`
RGB Percent	4.7, 78, 99.2	`rgb(4.7%,78%,99.2%)`
CMYK	95, 21, 0, 1
HSL	193.4°, 98.4, 52	`hsl(193.4,98.4%,52%)`
HSV (or HSB)	193.4°, 95.3, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	74.833, -22.213, -37.909
XYZ	38.3, 48.013, 100.172
xyY	0.205, 0.257, 48.013
CIE-LCH	74.833, 43.937, 239.631
CIE-LUV	74.833, -51.732, -58.66
Hunter-Lab	69.291, -22.597, -37.209
Binary	00001100, 11000111, 11111101

#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#fd420c
```
#fd420c rgb(253,66,12)
```

Complementary Color

#0cfdbb
```
#0cfdbb rgb(12,253,187)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#0c4ffd
```
#0c4ffd rgb(12,79,253)
```

Analogous Color

#fdbb0c
```
#fdbb0c rgb(253,187,12)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#fd0c4f
```
#fd0c4f rgb(253,12,79)
```

Split Complementary Color

#c7fd0c
```
#c7fd0c rgb(199,253,12)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#fd0cc7
```
#fd0cc7 rgb(253,12,199)
```

Triadic Color

#0cfd42
```
#0cfd42 rgb(12,253,66)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#fd0cc7
```
#fd0cc7 rgb(253,12,199)
```
#fd420c
```
#fd420c rgb(253,66,12)
```

Tetradic Color

#0291bb
```
#0291bb rgb(2,145,187)
```
#02a5d4
```
#02a5d4 rgb(2,165,212)
```
#02b9ee
```
#02b9ee rgb(2,185,238)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#25cdfd
```
#25cdfd rgb(37,205,253)
```
#3fd3fd
```
#3fd3fd rgb(63,211,253)
```
#58d8fe
```
#58d8fe rgb(88,216,254)
```

Monochromatic Color

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

#0cfdf7
```
#0cfdf7 rgb(12,253,247)
```
#0ceffd
```
#0ceffd rgb(12,239,253)
```
#0cdbfd
```
#0cdbfd rgb(12,219,253)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#0cb3fd
```
#0cb3fd rgb(12,179,253)
```
#0c9ffd
```
#0c9ffd rgb(12,159,253)
```
#0c8bfd
```
#0c8bfd rgb(12,139,253)
```

Similar Colors

Text with hexadecimal color #0cc7fd

This text has a font color of #0cc7fd.

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

#0cc7fd background color

This paragraph has a background color of #0cc7fd.

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

#0cc7fd border color

This element has a border color of #0cc7fd.

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

CSS codes

.text {color:#0cc7fd;}

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

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

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, #00080a is the darkest color, while #f5fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00171d
```
#00171d rgb(0,23,29)
```
#002631
```
#002631 rgb(0,38,49)
```
#013544
```
#013544 rgb(1,53,68)
```
#014458
```
#014458 rgb(1,68,88)
```
#01536b
```
#01536b rgb(1,83,107)
```
#01637f
```
#01637f rgb(1,99,127)
```
#017292
```
#017292 rgb(1,114,146)
```
#0181a6
```
#0181a6 rgb(1,129,166)
```
#0290b9
```
#0290b9 rgb(2,144,185)
```
#029fcc
```
#029fcc rgb(2,159,204)
```
#02aee0
```
#02aee0 rgb(2,174,224)
```
#02bdf3
```
#02bdf3 rgb(2,189,243)
```

Shade Color Variation

#0cc7fd
```
#0cc7fd rgb(12,199,253)
```
#1fcbfd
```
#1fcbfd rgb(31,203,253)
```
#33d0fd
```
#33d0fd rgb(51,208,253)
```
#46d4fd
```
#46d4fd rgb(70,212,253)
```
#5ad9fe
```
#5ad9fe rgb(90,217,254)
```
#6dddfe
```
#6dddfe rgb(109,221,254)
```
#81e2fe
```
#81e2fe rgb(129,226,254)
```
#94e6fe
```
#94e6fe rgb(148,230,254)
```
#a8ebfe
```
#a8ebfe rgb(168,235,254)
```
#bbeffe
```
#bbeffe rgb(187,239,254)
```
#cff4ff
```
#cff4ff rgb(207,244,255)
```
#e2f8ff
```
#e2f8ff rgb(226,248,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#7d898c
```
#7d898c rgb(125,137,140)
```
#748e95
```
#748e95 rgb(116,142,149)
```
#6a939f
```
#6a939f rgb(106,147,159)
```
#6198a8
```
#6198a8 rgb(97,152,168)
```
#579db2
```
#579db2 rgb(87,157,178)
```
#4ea3bb
```
#4ea3bb rgb(78,163,187)
```
#45a8c4
```
#45a8c4 rgb(69,168,196)
```
#3badce
```
#3badce rgb(59,173,206)
```
#32b2d7
```
#32b2d7 rgb(50,178,215)
```
#28b7e1
```
#28b7e1 rgb(40,183,225)
```
#1fbdea
```
#1fbdea rgb(31,189,234)
```
#15c2f4
```
#15c2f4 rgb(21,194,244)
```
#0cc7fd
```
#0cc7fd rgb(12,199,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7a9faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb9f2 Protanopia 1% of men
#a1baff Deuteranopia 1% of men
#00cedc Tritanopia 0.001% of the population

Trichromacy

#71bef6 Protanomaly 1% of men, 0.01% of women
#6abefe Deuteranomaly 6% of men, 0.4% of women
#04cbe8 Tritanomaly 0.01% of the population

#0cc7fd hex color

#0cc7fd Color Information

#0cc7fd Color Conversion

Color Schemes with #0cc7fd

Alternatives to #0cc7fd

#0cc7fd Preview

Shades and Tints of #0cc7fd

Tones of #0cc7fd

Color Blindness Simulator