colorhexa.com

#0cf5df hex color

In a RGB color space, hex #0cf5df is composed of 4.7% red, 96.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 95.1% cyan, 0% magenta, 9% yellow and 3.9% black. It has a hue angle of 174.3 degrees, a saturation of 92.1% and a lightness of 50.4%. #0cf5df color hex could be obtained by blending #18ffff with #00ebbf. Closest websafe color is: #00ffcc.

- R 5
- G 96
- B 87
RGB color chart
- C 95
- M 0
- Y 9
- K 4
CMYK color chart

● #0cf5df color description : Vivid cyan.

The hexadecimal color #0cf5df has RGB values of R:12, G:245, B:223 and CMYK values of C:0.95, M:0, Y:0.09, K:0.04. Its decimal value is 849375.

Hex triplet	0cf5df	`#0cf5df`
RGB Decimal	12, 245, 223	`rgb(12,245,223)`
RGB Percent	4.7, 96.1, 87.5	`rgb(4.7%,96.1%,87.5%)`
CMYK	95, 0, 9, 4
HSL	174.3°, 92.1, 50.4	`hsl(174.3,92.1%,50.4%)`
HSV (or HSB)	174.3°, 95.1, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	87.342, -52.538, -3.062
XYZ	46.119, 70.706, 81.025
xyY	0.233, 0.357, 70.706
CIE-LCH	87.342, 52.627, 183.336
CIE-LUV	87.342, -69.455, 3.534
Hunter-Lab	84.087, -49.251, 1.73
Binary	00001100, 11110101, 11011111

#0cf5df
```
#0cf5df rgb(12,245,223)
```
#f50c22
```
#f50c22 rgb(245,12,34)
```

Complementary Color

#0cf56b
```
#0cf56b rgb(12,245,107)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#0c97f5
```
#0c97f5 rgb(12,151,245)
```

Analogous Color

#f56b0c
```
#f56b0c rgb(245,107,12)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#f50c97
```
#f50c97 rgb(245,12,151)
```

Split Complementary Color

#f5df0c
```
#f5df0c rgb(245,223,12)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#df0cf5
```
#df0cf5 rgb(223,12,245)
```

Triadic Color

#22f50c
```
#22f50c rgb(34,245,12)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#df0cf5
```
#df0cf5 rgb(223,12,245)
```
#f50c22
```
#f50c22 rgb(245,12,34)
```

Tetradic Color

#07ad9e
```
#07ad9e rgb(7,173,158)
```
#08c6b4
```
#08c6b4 rgb(8,198,180)
```
#09deca
```
#09deca rgb(9,222,202)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#24f6e2
```
#24f6e2 rgb(36,246,226)
```
#3df7e5
```
#3df7e5 rgb(61,247,229)
```
#55f8e9
```
#55f8e9 rgb(85,248,233)
```

Monochromatic Color

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

#0cf5a5
```
#0cf5a5 rgb(12,245,165)
```
#0cf5b8
```
#0cf5b8 rgb(12,245,184)
```
#0cf5cc
```
#0cf5cc rgb(12,245,204)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#0cf5f2
```
#0cf5f2 rgb(12,245,242)
```
#0ce4f5
```
#0ce4f5 rgb(12,228,245)
```
#0cd1f5
```
#0cd1f5 rgb(12,209,245)
```

Similar Colors

Text with hexadecimal color #0cf5df

This text has a font color of #0cf5df.

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

#0cf5df background color

This paragraph has a background color of #0cf5df.

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

#0cf5df border color

This element has a border color of #0cf5df.

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

CSS codes

.text {color:#0cf5df;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011513
```
#011513 rgb(1,21,19)
```
#022824
```
#022824 rgb(2,40,36)
```
#023a35
```
#023a35 rgb(2,58,53)
```
#034d46
```
#034d46 rgb(3,77,70)
```
#046057
```
#046057 rgb(4,96,87)
```
#057369
```
#057369 rgb(5,115,105)
```
#06867a
```
#06867a rgb(6,134,122)
```
#06998b
```
#06998b rgb(6,153,139)
```
#07ab9c
```
#07ab9c rgb(7,171,156)
```
#08bead
```
#08bead rgb(8,190,173)
```
#09d1be
```
#09d1be rgb(9,209,190)
```
#09e4cf
```
#09e4cf rgb(9,228,207)
```

Shade Color Variation

#0cf5df
```
#0cf5df rgb(12,245,223)
```
#1ff6e1
```
#1ff6e1 rgb(31,246,225)
```
#32f7e4
```
#32f7e4 rgb(50,247,228)
```
#45f7e6
```
#45f7e6 rgb(69,247,230)
```
#57f8e9
```
#57f8e9 rgb(87,248,233)
```
#6af9eb
```
#6af9eb rgb(106,249,235)
```
#7dfaee
```
#7dfaee rgb(125,250,238)
```
#90faf0
```
#90faf0 rgb(144,250,240)
```
#a3fbf3
```
#a3fbf3 rgb(163,251,243)
```
#b6fcf5
```
#b6fcf5 rgb(182,252,245)
```
#c8fdf8
```
#c8fdf8 rgb(200,253,248)
```
#dbfefa
```
#dbfefa rgb(219,254,250)
```
#eefefd
```
#eefefd rgb(238,254,253)
```

Tint Color Variation

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

#778a88
```
#778a88 rgb(119,138,136)
```
#6d9490
```
#6d9490 rgb(109,148,144)
```
#649d98
```
#649d98 rgb(100,157,152)
```
#5aa7a0
```
#5aa7a0 rgb(90,167,160)
```
#50b1a8
```
#50b1a8 rgb(80,177,168)
```
#46bbb0
```
#46bbb0 rgb(70,187,176)
```
#3dc4b8
```
#3dc4b8 rgb(61,196,184)
```
#33cebf
```
#33cebf rgb(51,206,191)
```
#29d8c7
```
#29d8c7 rgb(41,216,199)
```
#1fe2cf
```
#1fe2cf rgb(31,226,207)
```
#16ebd7
```
#16ebd7 rgb(22,235,215)
```
#0cf5df
```
#0cf5df rgb(12,245,223)
```
#02ffe7
```
#02ffe7 rgb(2,255,231)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#8dbbb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dbd3 Protanopia 1% of men
#e9d6eb Deuteranopia 1% of men
#67eeff Tritanopia 0.001% of the population

Trichromacy

#94e4d7 Protanomaly 1% of men, 0.01% of women
#99e1e7 Deuteranomaly 6% of men, 0.4% of women
#45f1f3 Tritanomaly 0.01% of the population