colorhexa.com

#0c684e hex color

In a RGB color space, hex #0c684e is composed of 4.7% red, 40.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 25% yellow and 59.2% black. It has a hue angle of 163 degrees, a saturation of 79.3% and a lightness of 22.7%. #0c684e color hex could be obtained by blending #18d09c with #000000. Closest websafe color is: #006666.

- R 5
- G 41
- B 31
RGB color chart
- C 88
- M 0
- Y 25
- K 59
CMYK color chart

● #0c684e color description : Very dark cyan - lime green.

The hexadecimal color #0c684e has RGB values of R:12, G:104, B:78 and CMYK values of C:0.88, M:0, Y:0.25, K:0.59. Its decimal value is 813134.

Hex triplet	0c684e	`#0c684e`
RGB Decimal	12, 104, 78	`rgb(12,104,78)`
RGB Percent	4.7, 40.8, 30.6	`rgb(4.7%,40.8%,30.6%)`
CMYK	88, 0, 25, 59
HSL	163°, 79.3, 22.7	`hsl(163,79.3%,22.7%)`
HSV (or HSB)	163°, 88.5, 40.8
Web Safe	006666	`#006666`

CIE-LAB	38.774, -31.873, 7.647
XYZ	6.477, 10.528, 8.898
xyY	0.25, 0.406, 10.528
CIE-LCH	38.774, 32.777, 166.508
CIE-LUV	38.774, -31.389, 13.868
Hunter-Lab	32.447, -21.154, 6.454
Binary	00001100, 01101000, 01001110

#0c684e
```
#0c684e rgb(12,104,78)
```
#680c26
```
#680c26 rgb(104,12,38)
```

Complementary Color

#0c6820
```
#0c6820 rgb(12,104,32)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#0c5468
```
#0c5468 rgb(12,84,104)
```

Analogous Color

#68200c
```
#68200c rgb(104,32,12)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#680c54
```
#680c54 rgb(104,12,84)
```

Split Complementary Color

#684e0c
```
#684e0c rgb(104,78,12)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#4e0c68
```
#4e0c68 rgb(78,12,104)
```

Triadic Color

#04231b
```
#04231b rgb(4,35,27)
```
#073a2c
```
#073a2c rgb(7,58,44)
```
#09513d
```
#09513d rgb(9,81,61)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#0f7f5f
```
#0f7f5f rgb(15,127,95)
```
#119670
```
#119670 rgb(17,150,112)
```
#14ad81
```
#14ad81 rgb(20,173,129)
```

Monochromatic Color

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

#0c6837
```
#0c6837 rgb(12,104,55)
```
#0c683f
```
#0c683f rgb(12,104,63)
```
#0c6846
```
#0c6846 rgb(12,104,70)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#0c6856
```
#0c6856 rgb(12,104,86)
```
#0c685d
```
#0c685d rgb(12,104,93)
```
#0c6865
```
#0c6865 rgb(12,104,101)
```

Similar Colors

Text with hexadecimal color #0c684e

This text has a font color of #0c684e.

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

#0c684e background color

This paragraph has a background color of #0c684e.

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

#0c684e border color

This element has a border color of #0c684e.

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

CSS codes

.text {color:#0c684e;}

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

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

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, #02100c is the darkest color, while #fdfffe is the lightest one.

#02100c
```
#02100c rgb(2,16,12)
```
#042219
```
#042219 rgb(4,34,25)
```
#063326
```
#063326 rgb(6,51,38)
```
#084534
```
#084534 rgb(8,69,52)
```
#0a5641
```
#0a5641 rgb(10,86,65)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#0e7a5b
```
#0e7a5b rgb(14,122,91)
```
#108b68
```
#108b68 rgb(16,139,104)
```
#129d76
```
#129d76 rgb(18,157,118)
```
#14ae83
```
#14ae83 rgb(20,174,131)
```
#16c090
```
#16c090 rgb(22,192,144)
```
#18d29d
```
#18d29d rgb(24,210,157)
```
#1ae3aa
```
#1ae3aa rgb(26,227,170)
```

Shade Color Variation

#2ae6b1
```
#2ae6b1 rgb(42,230,177)
```
#3ce9b8
```
#3ce9b8 rgb(60,233,184)
```
#4eebbe
```
#4eebbe rgb(78,235,190)
```
#5fedc5
```
#5fedc5 rgb(95,237,197)
```
#71efcb
```
#71efcb rgb(113,239,203)
```
#82f1d1
```
#82f1d1 rgb(130,241,209)
```
#94f3d8
```
#94f3d8 rgb(148,243,216)
```
#a6f5de
```
#a6f5de rgb(166,245,222)
```
#b7f7e5
```
#b7f7e5 rgb(183,247,229)
```
#c9f9eb
```
#c9f9eb rgb(201,249,235)
```
#dafbf2
```
#dafbf2 rgb(218,251,242)
```
#ecfdf8
```
#ecfdf8 rgb(236,253,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#393b3b
```
#393b3b rgb(57,59,59)
```
#34403d
```
#34403d rgb(52,64,61)
```
#30443e
```
#30443e rgb(48,68,62)
```
#2b4940
```
#2b4940 rgb(43,73,64)
```
#274d42
```
#274d42 rgb(39,77,66)
```
#225244
```
#225244 rgb(34,82,68)
```
#1e5646
```
#1e5646 rgb(30,86,70)
```
#195b48
```
#195b48 rgb(25,91,72)
```
#155f4a
```
#155f4a rgb(21,95,74)
```
#10644c
```
#10644c rgb(16,100,76)
```
#0c684e
```
#0c684e rgb(12,104,78)
```
#086c50
```
#086c50 rgb(8,108,80)
```
#037152
```
#037152 rgb(3,113,82)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3e504b Atypical Achromatopsia 0.001% of the population

Dichromacy

#696351 Protanopia 1% of men
#6f605c Deuteranopia 1% of men
#2e6b73 Tritanopia 0.001% of the population

Trichromacy

#476550 Protanomaly 1% of men, 0.01% of women
#4b6357 Deuteranomaly 6% of men, 0.4% of women
#216a66 Tritanomaly 0.01% of the population