#0cc4f3 hex color

In a RGB color space, hex #0cc4f3 is composed of 4.7% red, 76.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 19.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 192.2 degrees, a saturation of 90.6% and a lightness of 50%. #0cc4f3 color hex could be obtained by blending #18ffff with #0089e7. Closest websafe color is: #00ccff.

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

● #0cc4f3 color description : Vivid cyan.

The hexadecimal color #0cc4f3 has RGB values of R:12, G:196, B:243 and CMYK values of C:0.95, M:0.19, Y:0, K:0.05. Its decimal value is 836851.

Hex triplet	0cc4f3	`#0cc4f3`
RGB Decimal	12, 196, 243	`rgb(12,196,243)`
RGB Percent	4.7, 76.9, 95.3	`rgb(4.7%,76.9%,95.3%)`
CMYK	95, 19, 0, 5
HSL	192.2°, 90.6, 50	`hsl(192.2,90.6%,50%)`
HSV (or HSB)	192.2°, 95.1, 95.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.562, -24.063, -34.504
XYZ	36.065, 46.025, 91.772
xyY	0.207, 0.265, 46.025
CIE-LCH	73.562, 42.066, 235.108
CIE-LUV	73.562, -51.482, -52.44
Hunter-Lab	67.842, -23.833, -32.714
Binary	00001100, 11000100, 11110011

#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#f33b0c
```
#f33b0c rgb(243,59,12)
```

Complementary Color

#0cf3af
```
#0cf3af rgb(12,243,175)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#0c51f3
```
#0c51f3 rgb(12,81,243)
```

Analogous Color

#f3af0c
```
#f3af0c rgb(243,175,12)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#f30c51
```
#f30c51 rgb(243,12,81)
```

Split Complementary Color

#c4f30c
```
#c4f30c rgb(196,243,12)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#f30cc4
```
#f30cc4 rgb(243,12,196)
```

Triadic Color

#0cf33b
```
#0cf33b rgb(12,243,59)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#f30cc4
```
#f30cc4 rgb(243,12,196)
```
#f33b0c
```
#f33b0c rgb(243,59,12)
```

Tetradic Color

#0889aa
```
#0889aa rgb(8,137,170)
```
#0a9dc2
```
#0a9dc2 rgb(10,157,194)
```
#0bb0db
```
#0bb0db rgb(11,176,219)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#24caf4
```
#24caf4 rgb(36,202,244)
```
#3dd0f5
```
#3dd0f5 rgb(61,208,245)
```
#55d6f7
```
#55d6f7 rgb(85,214,247)
```

Monochromatic Color

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

#0cf3e8
```
#0cf3e8 rgb(12,243,232)
```
#0cebf3
```
#0cebf3 rgb(12,235,243)
```
#0cd7f3
```
#0cd7f3 rgb(12,215,243)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#0cb1f3
```
#0cb1f3 rgb(12,177,243)
```
#0c9ef3
```
#0c9ef3 rgb(12,158,243)
```
#0c8af3
```
#0c8af3 rgb(12,138,243)
```

Similar Colors

Text with hexadecimal color #0cc4f3

This text has a font color of #0cc4f3.

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

#0cc4f3 background color

This paragraph has a background color of #0cc4f3.

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

#0cc4f3 border color

This element has a border color of #0cc4f3.

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

CSS codes

.text {color:#0cc4f3;}

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

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

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, #010f13 is the darkest color, while #ffffff is the lightest one.

#010f13
```
#010f13 rgb(1,15,19)
```
#021e25
```
#021e25 rgb(2,30,37)
```
#032d38
```
#032d38 rgb(3,45,56)
```
#043c4b
```
#043c4b rgb(4,60,75)
```
#054b5d
```
#054b5d rgb(5,75,93)
```
#065a70
```
#065a70 rgb(6,90,112)
```
#066a83
```
#066a83 rgb(6,106,131)
```
#077996
```
#077996 rgb(7,121,150)
```
#0888a8
```
#0888a8 rgb(8,136,168)
```
#0997bb
```
#0997bb rgb(9,151,187)
```
#0aa6ce
```
#0aa6ce rgb(10,166,206)
```
#0bb5e0
```
#0bb5e0 rgb(11,181,224)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```

Shade Color Variation

#1fc9f4
```
#1fc9f4 rgb(31,201,244)
```
#31cdf5
```
#31cdf5 rgb(49,205,245)
```
#44d2f6
```
#44d2f6 rgb(68,210,246)
```
#57d6f7
```
#57d6f7 rgb(87,214,247)
```
#69dbf8
```
#69dbf8 rgb(105,219,248)
```
#7cdff9
```
#7cdff9 rgb(124,223,249)
```
#8fe4f9
```
#8fe4f9 rgb(143,228,249)
```
#a2e8fa
```
#a2e8fa rgb(162,232,250)
```
#b4edfb
```
#b4edfb rgb(180,237,251)
```
#c7f1fc
```
#c7f1fc rgb(199,241,252)
```
#daf6fd
```
#daf6fd rgb(218,246,253)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788487
```
#788487 rgb(120,132,135)
```
#6e8a91
```
#6e8a91 rgb(110,138,145)
```
#64909b
```
#64909b rgb(100,144,155)
```
#5a95a5
```
#5a95a5 rgb(90,149,165)
```
#519bae
```
#519bae rgb(81,155,174)
```
#47a1b8
```
#47a1b8 rgb(71,161,184)
```
#3da7c2
```
#3da7c2 rgb(61,167,194)
```
#33adcc
```
#33adcc rgb(51,173,204)
```
#29b3d6
```
#29b3d6 rgb(41,179,214)
```
#20b8df
```
#20b8df rgb(32,184,223)
```
#16bee9
```
#16bee9 rgb(22,190,233)
```
#0cc4f3
```
#0cc4f3 rgb(12,196,243)
```
#02cafd
```
#02cafd rgb(2,202,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#779ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab6e8 Protanopia 1% of men
#a0b6fa Deuteranopia 1% of men
#00cad8 Tritanopia 0.001% of the population

Trichromacy

#70bbec Protanomaly 1% of men, 0.01% of women
#6abbf7 Deuteranomaly 6% of men, 0.4% of women
#04c8e2 Tritanomaly 0.01% of the population

#0cc4f3 hex color

#0cc4f3 Color Information

#0cc4f3 Color Conversion

Color Schemes with #0cc4f3

Alternatives to #0cc4f3

#0cc4f3 Preview

Shades and Tints of #0cc4f3

Tones of #0cc4f3

Color Blindness Simulator