#0ca684 hex color

In a RGB color space, hex #0ca684 is composed of 4.7% red, 65.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 0% magenta, 20.5% yellow and 34.9% black. It has a hue angle of 166.8 degrees, a saturation of 86.5% and a lightness of 34.9%. #0ca684 color hex could be obtained by blending #18ffff with #004d09. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 5
- G 65
- B 52
RGB color chart
- C 93
- M 0
- Y 20
- K 35
CMYK color chart

● #0ca684 color description : Dark cyan.

The hexadecimal color #0ca684 has RGB values of R:12, G:166, B:132 and CMYK values of C:0.93, M:0, Y:0.2, K:0.35. Its decimal value is 829060.

Hex triplet	0ca684	`#0ca684`
RGB Decimal	12, 166, 132	`rgb(12,166,132)`
RGB Percent	4.7, 65.1, 51.8	`rgb(4.7%,65.1%,51.8%)`
CMYK	93, 0, 20, 35
HSL	166.8°, 86.5, 34.9	`hsl(166.8,86.5%,34.9%)`
HSV (or HSB)	166.8°, 92.8, 65.1
Web Safe	009999	`#009999`

CIE-LAB	60.795, -44.139, 7.561
XYZ	17.951, 29.015, 26.483
xyY	0.244, 0.395, 29.015
CIE-LCH	60.795, 44.782, 170.279
CIE-LUV	60.795, -49.811, 17.342
Hunter-Lab	53.865, -34.777, 8.556
Binary	00001100, 10100110, 10000100

#0ca684
```
#0ca684 rgb(12,166,132)
```
#a60c2e
```
#a60c2e rgb(166,12,46)
```

Complementary Color

#0ca637
```
#0ca637 rgb(12,166,55)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#0c7ba6
```
#0c7ba6 rgb(12,123,166)
```

Analogous Color

#a6370c
```
#a6370c rgb(166,55,12)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#a60c7b
```
#a60c7b rgb(166,12,123)
```

Split Complementary Color

#a6840c
```
#a6840c rgb(166,132,12)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#840ca6
```
#840ca6 rgb(132,12,166)
```

Triadic Color

#2ea60c
```
#2ea60c rgb(46,166,12)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#840ca6
```
#840ca6 rgb(132,12,166)
```
#a60c2e
```
#a60c2e rgb(166,12,46)
```

Tetradic Color

#075f4b
```
#075f4b rgb(7,95,75)
```
#09765e
```
#09765e rgb(9,118,94)
```
#0a8e71
```
#0a8e71 rgb(10,142,113)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#0ebe97
```
#0ebe97 rgb(14,190,151)
```
#0fd6aa
```
#0fd6aa rgb(15,214,170)
```
#11edbd
```
#11edbd rgb(17,237,189)
```

Monochromatic Color

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

#0ca65e
```
#0ca65e rgb(12,166,94)
```
#0ca66a
```
#0ca66a rgb(12,166,106)
```
#0ca677
```
#0ca677 rgb(12,166,119)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#0ca691
```
#0ca691 rgb(12,166,145)
```
#0ca69e
```
#0ca69e rgb(12,166,158)
```
#0ca2a6
```
#0ca2a6 rgb(12,162,166)
```

Similar Colors

Text with hexadecimal color #0ca684

This text has a font color of #0ca684.

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

#0ca684 background color

This paragraph has a background color of #0ca684.

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

#0ca684 border color

This element has a border color of #0ca684.

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

CSS codes

.text {color:#0ca684;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011410
```
#011410 rgb(1,20,16)
```
#03261e
```
#03261e rgb(3,38,30)
```
#04382d
```
#04382d rgb(4,56,45)
```
#054b3b
```
#054b3b rgb(5,75,59)
```
#075d4a
```
#075d4a rgb(7,93,74)
```
#086f58
```
#086f58 rgb(8,111,88)
```
#098167
```
#098167 rgb(9,129,103)
```
#0b9475
```
#0b9475 rgb(11,148,117)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#0db893
```
#0db893 rgb(13,184,147)
```
#0fcba1
```
#0fcba1 rgb(15,203,161)
```
#10ddb0
```
#10ddb0 rgb(16,221,176)
```

Shade Color Variation

#13eebd
```
#13eebd rgb(19,238,189)
```
#25efc3
```
#25efc3 rgb(37,239,195)
```
#37f1c8
```
#37f1c8 rgb(55,241,200)
```
#49f2cd
```
#49f2cd rgb(73,242,205)
```
#5cf3d2
```
#5cf3d2 rgb(92,243,210)
```
#6ef5d7
```
#6ef5d7 rgb(110,245,215)
```
#80f6dc
```
#80f6dc rgb(128,246,220)
```
#93f7e1
```
#93f7e1 rgb(147,247,225)
```
#a5f8e6
```
#a5f8e6 rgb(165,248,230)
```
#b7faeb
```
#b7faeb rgb(183,250,235)
```
#c9fbf0
```
#c9fbf0 rgb(201,251,240)
```
#dcfcf5
```
#dcfcf5 rgb(220,252,245)
```
#eefefa
```
#eefefa rgb(238,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575b5a is the less saturated color, while #05ad88 is the most saturated one.

#575b5a
```
#575b5a rgb(87,91,90)
```
#50625e
```
#50625e rgb(80,98,94)
```
#4a6862
```
#4a6862 rgb(74,104,98)
```
#436f65
```
#436f65 rgb(67,111,101)
```
#3c7669
```
#3c7669 rgb(60,118,105)
```
#357d6d
```
#357d6d rgb(53,125,109)
```
#2e8471
```
#2e8471 rgb(46,132,113)
```
#278b75
```
#278b75 rgb(39,139,117)
```
#219179
```
#219179 rgb(33,145,121)
```
#1a987c
```
#1a987c rgb(26,152,124)
```
#139f80
```
#139f80 rgb(19,159,128)
```
#0ca684
```
#0ca684 rgb(12,166,132)
```
#05ad88
```
#05ad88 rgb(5,173,136)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5f7e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09781 Protanopia 1% of men
#a89392 Deuteranopia 1% of men
#40a5b1 Tritanopia 0.001% of the population

Trichromacy

#6a9d82 Protanomaly 1% of men, 0.01% of women
#6f9a8d Deuteranomaly 6% of men, 0.4% of women
#2da5a0 Tritanomaly 0.01% of the population

#0ca684 hex color

#0ca684 Color Information

#0ca684 Color Conversion

Color Schemes with #0ca684

Alternatives to #0ca684

#0ca684 Preview

Shades and Tints of #0ca684

Tones of #0ca684

Color Blindness Simulator