#0ccf9f hex color

In a RGB color space, hex #0ccf9f is composed of 4.7% red, 81.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 0% magenta, 23.2% yellow and 18.8% black. It has a hue angle of 165.2 degrees, a saturation of 89% and a lightness of 42.9%. #0ccf9f color hex could be obtained by blending #18ffff with #009f3f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 5
- G 81
- B 62
RGB color chart
- C 94
- M 0
- Y 23
- K 19
CMYK color chart

● #0ccf9f color description : Strong cyan.

The hexadecimal color #0ccf9f has RGB values of R:12, G:207, B:159 and CMYK values of C:0.94, M:0, Y:0.23, K:0.19. Its decimal value is 839583.

Hex triplet	0ccf9f	`#0ccf9f`
RGB Decimal	12, 207, 159	`rgb(12,207,159)`
RGB Percent	4.7, 81.2, 62.4	`rgb(4.7%,81.2%,62.4%)`
CMYK	94, 0, 23, 19
HSL	165.2°, 89, 42.9	`hsl(165.2,89%,42.9%)`
HSV (or HSB)	165.2°, 94.2, 81.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	74.32, -53.791, 12.013
XYZ	28.72, 47.204, 40.397
xyY	0.247, 0.406, 47.204
CIE-LCH	74.32, 55.116, 167.411
CIE-LUV	74.32, -61.779, 25.92
Hunter-Lab	68.705, -45.618, 13.233
Binary	00001100, 11001111, 10011111

#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#cf0c3c
```
#cf0c3c rgb(207,12,60)
```

Complementary Color

#0ccf3e
```
#0ccf3e rgb(12,207,62)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#0c9ecf
```
#0c9ecf rgb(12,158,207)
```

Analogous Color

#cf3e0c
```
#cf3e0c rgb(207,62,12)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#cf0c9e
```
#cf0c9e rgb(207,12,158)
```

Split Complementary Color

#cf9f0c
```
#cf9f0c rgb(207,159,12)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#9f0ccf
```
#9f0ccf rgb(159,12,207)
```

Triadic Color

#3ccf0c
```
#3ccf0c rgb(60,207,12)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#9f0ccf
```
#9f0ccf rgb(159,12,207)
```
#cf0c3c
```
#cf0c3c rgb(207,12,60)
```

Tetradic Color

#088767
```
#088767 rgb(8,135,103)
```
#099f7a
```
#099f7a rgb(9,159,122)
```
#0bb78c
```
#0bb78c rgb(11,183,140)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#0de7b2
```
#0de7b2 rgb(13,231,178)
```
#1cf2bd
```
#1cf2bd rgb(28,242,189)
```
#34f3c4
```
#34f3c4 rgb(52,243,196)
```

Monochromatic Color

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

#0ccf6e
```
#0ccf6e rgb(12,207,110)
```
#0ccf7f
```
#0ccf7f rgb(12,207,127)
```
#0ccf8f
```
#0ccf8f rgb(12,207,143)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#0ccfaf
```
#0ccfaf rgb(12,207,175)
```
#0ccfc0
```
#0ccfc0 rgb(12,207,192)
```
#0ccecf
```
#0ccecf rgb(12,206,207)
```

Similar Colors

Text with hexadecimal color #0ccf9f

This text has a font color of #0ccf9f.

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

#0ccf9f background color

This paragraph has a background color of #0ccf9f.

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

#0ccf9f border color

This element has a border color of #0ccf9f.

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

CSS codes

.text {color:#0ccf9f;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#011611
```
#011611 rgb(1,22,17)
```
#02281f
```
#02281f rgb(2,40,31)
```
#033b2d
```
#033b2d rgb(3,59,45)
```
#044d3b
```
#044d3b rgb(4,77,59)
```
#06604a
```
#06604a rgb(6,96,74)
```
#077258
```
#077258 rgb(7,114,88)
```
#088566
```
#088566 rgb(8,133,102)
```
#099774
```
#099774 rgb(9,151,116)
```
#0aaa83
```
#0aaa83 rgb(10,170,131)
```
#0bbc91
```
#0bbc91 rgb(11,188,145)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#0de2ad
```
#0de2ad rgb(13,226,173)
```

Shade Color Variation

#11f1ba
```
#11f1ba rgb(17,241,186)
```
#24f2bf
```
#24f2bf rgb(36,242,191)
```
#36f3c5
```
#36f3c5 rgb(54,243,197)
```
#49f4ca
```
#49f4ca rgb(73,244,202)
```
#5bf6d0
```
#5bf6d0 rgb(91,246,208)
```
#6ef7d5
```
#6ef7d5 rgb(110,247,213)
```
#80f8da
```
#80f8da rgb(128,248,218)
```
#93f9e0
```
#93f9e0 rgb(147,249,224)
```
#a5fae5
```
#a5fae5 rgb(165,250,229)
```
#b8fbea
```
#b8fbea rgb(184,251,234)
```
#cafcf0
```
#cafcf0 rgb(202,252,240)
```
#ddfdf5
```
#ddfdf5 rgb(221,253,245)
```
#f0fefb
```
#f0fefb rgb(240,254,251)
```

Tint Color Variation

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

#697270
```
#697270 rgb(105,114,112)
```
#607b74
```
#607b74 rgb(96,123,116)
```
#588379
```
#588379 rgb(88,131,121)
```
#4f8c7d
```
#4f8c7d rgb(79,140,125)
```
#479481
```
#479481 rgb(71,148,129)
```
#3f9c85
```
#3f9c85 rgb(63,156,133)
```
#36a58a
```
#36a58a rgb(54,165,138)
```
#2ead8e
```
#2ead8e rgb(46,173,142)
```
#25b692
```
#25b692 rgb(37,182,146)
```
#1dbe96
```
#1dbe96 rgb(29,190,150)
```
#14c79b
```
#14c79b rgb(20,199,155)
```
#0ccf9f
```
#0ccf9f rgb(12,207,159)
```
#04d7a3
```
#04d7a3 rgb(4,215,163)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#759c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ba99 Protanopia 1% of men
#d0b4ae Deuteranopia 1% of men
#50cad9 Tritanopia 0.001% of the population

Trichromacy

#81c19b Protanomaly 1% of men, 0.01% of women
#89bea8 Deuteranomaly 6% of men, 0.4% of women
#37cbc3 Tritanomaly 0.01% of the population

#0ccf9f hex color

#0ccf9f Color Information

#0ccf9f Color Conversion

Color Schemes with #0ccf9f

Alternatives to #0ccf9f

#0ccf9f Preview

Shades and Tints of #0ccf9f

Tones of #0ccf9f

Color Blindness Simulator