colorhexa.com

#0cd4fa hex color

In a RGB color space, hex #0cd4fa is composed of 4.7% red, 83.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 15.2% magenta, 0% yellow and 2% black. It has a hue angle of 189.6 degrees, a saturation of 96% and a lightness of 51.4%. #0cd4fa color hex could be obtained by blending #18ffff with #00a9f5. Closest websafe color is: #00ccff.

- R 5
- G 83
- B 98
RGB color chart
- C 95
- M 15
- Y 0
- K 2
CMYK color chart

● #0cd4fa color description : Vivid cyan.

The hexadecimal color #0cd4fa has RGB values of R:12, G:212, B:250 and CMYK values of C:0.95, M:0.15, Y:0, K:0.02. Its decimal value is 840954.

Hex triplet	0cd4fa	`#0cd4fa`
RGB Decimal	12, 212, 250	`rgb(12,212,250)`
RGB Percent	4.7, 83.1, 98	`rgb(4.7%,83.1%,98%)`
CMYK	95, 15, 0, 2
HSL	189.6°, 96, 51.4	`hsl(189.6,96%,51.4%)`
HSV (or HSB)	189.6°, 95.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.499, -29.697, -30.641
XYZ	40.946, 54.063, 98.714
xyY	0.211, 0.279, 54.063
CIE-LCH	78.499, 42.671, 225.896
CIE-LUV	78.499, -56.307, -45.421
Hunter-Lab	73.528, -29.271, -28.13
Binary	00001100, 11010100, 11111010

#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#fa320c
```
#fa320c rgb(250,50,12)
```

Complementary Color

#0cfaa9
```
#0cfaa9 rgb(12,250,169)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#0c5dfa
```
#0c5dfa rgb(12,93,250)
```

Analogous Color

#faa90c
```
#faa90c rgb(250,169,12)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#fa0c5d
```
#fa0c5d rgb(250,12,93)
```

Split Complementary Color

#d4fa0c
```
#d4fa0c rgb(212,250,12)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#fa0cd4
```
#fa0cd4 rgb(250,12,212)
```

Triadic Color

#0cfa32
```
#0cfa32 rgb(12,250,50)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#fa0cd4
```
#fa0cd4 rgb(250,12,212)
```
#fa320c
```
#fa320c rgb(250,50,12)
```

Tetradic Color

#0499b6
```
#0499b6 rgb(4,153,182)
```
#04aecf
```
#04aecf rgb(4,174,207)
```
#05c3e8
```
#05c3e8 rgb(5,195,232)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#25d8fb
```
#25d8fb rgb(37,216,251)
```
#3eddfb
```
#3eddfb rgb(62,221,251)
```
#57e1fc
```
#57e1fc rgb(87,225,252)
```

Monochromatic Color

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

#0cfae5
```
#0cfae5 rgb(12,250,229)
```
#0cfaf8
```
#0cfaf8 rgb(12,250,248)
```
#0ce8fa
```
#0ce8fa rgb(12,232,250)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#0cc0fa
```
#0cc0fa rgb(12,192,250)
```
#0cacfa
```
#0cacfa rgb(12,172,250)
```
#0c99fa
```
#0c99fa rgb(12,153,250)
```

Similar Colors

Text with hexadecimal color #0cd4fa

This text has a font color of #0cd4fa.

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

#0cd4fa background color

This paragraph has a background color of #0cd4fa.

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

#0cd4fa border color

This element has a border color of #0cd4fa.

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

CSS codes

.text {color:#0cd4fa;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01161a
```
#01161a rgb(1,22,26)
```
#01262d
```
#01262d rgb(1,38,45)
```
#013641
```
#013641 rgb(1,54,65)
```
#024754
```
#024754 rgb(2,71,84)
```
#025767
```
#025767 rgb(2,87,103)
```
#03677a
```
#03677a rgb(3,103,122)
```
#03778d
```
#03778d rgb(3,119,141)
```
#0388a1
```
#0388a1 rgb(3,136,161)
```
#0498b4
```
#0498b4 rgb(4,152,180)
```
#04a8c7
```
#04a8c7 rgb(4,168,199)
```
#04b8da
```
#04b8da rgb(4,184,218)
```
#05c8ed
```
#05c8ed rgb(5,200,237)
```

Shade Color Variation

#0cd4fa
```
#0cd4fa rgb(12,212,250)
```
#1fd7fa
```
#1fd7fa rgb(31,215,250)
```
#32dbfb
```
#32dbfb rgb(50,219,251)
```
#46defb
```
#46defb rgb(70,222,251)
```
#59e2fc
```
#59e2fc rgb(89,226,252)
```
#6ce5fc
```
#6ce5fc rgb(108,229,252)
```
#7fe8fc
```
#7fe8fc rgb(127,232,252)
```
#93ecfd
```
#93ecfd rgb(147,236,253)
```
#a6effd
```
#a6effd rgb(166,239,253)
```
#b9f3fe
```
#b9f3fe rgb(185,243,254)
```
#ccf6fe
```
#ccf6fe rgb(204,246,254)
```
#dff9fe
```
#dff9fe rgb(223,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#7e8688
```
#7e8688 rgb(126,134,136)
```
#758d91
```
#758d91 rgb(117,141,145)
```
#6b939b
```
#6b939b rgb(107,147,155)
```
#629aa4
```
#629aa4 rgb(98,154,164)
```
#58a0ae
```
#58a0ae rgb(88,160,174)
```
#4fa7b7
```
#4fa7b7 rgb(79,167,183)
```
#45adc1
```
#45adc1 rgb(69,173,193)
```
#3cb4ca
```
#3cb4ca rgb(60,180,202)
```
#32bad4
```
#32bad4 rgb(50,186,212)
```
#29c1dd
```
#29c1dd rgb(41,193,221)
```
#1fc7e7
```
#1fc7e7 rgb(31,199,231)
```
#16cef0
```
#16cef0 rgb(22,206,240)
```
#0cd4fa
```
#0cd4fa rgb(12,212,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#80a8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac3ee Protanopia 1% of men
#b4c2ff Deuteranopia 1% of men
#00d8e7 Tritanopia 0.001% of the population

Trichromacy

#7bc9f2 Protanomaly 1% of men, 0.01% of women
#77c9fd Deuteranomaly 6% of men, 0.4% of women
#04d6ee Tritanomaly 0.01% of the population