#2c686d hex color

In a RGB color space, hex #2c686d is composed of 17.3% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 4.6% magenta, 0% yellow and 57.3% black. It has a hue angle of 184.6 degrees, a saturation of 42.5% and a lightness of 30%. #2c686d color hex could be obtained by blending #58d0da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 41
- B 43
RGB color chart
- C 60
- M 5
- Y 0
- K 57
CMYK color chart

● #2c686d color description : Very dark desaturated cyan.

The hexadecimal color #2c686d has RGB values of R:44, G:104, B:109 and CMYK values of C:0.6, M:0.05, Y:0, K:0.57. Its decimal value is 2910317.

Hex triplet	2c686d	`#2c686d`
RGB Decimal	44, 104, 109	`rgb(44,104,109)`
RGB Percent	17.3, 40.8, 42.7	`rgb(17.3%,40.8%,42.7%)`
CMYK	60, 5, 0, 57
HSL	184.6°, 42.5, 30	`hsl(184.6,42.5%,30%)`
HSV (or HSB)	184.6°, 59.6, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.475, -17.671, -8.68
XYZ	8.749, 11.54, 16.233
xyY	0.24, 0.316, 11.54
CIE-LCH	40.475, 19.688, 206.161
CIE-LUV	40.475, -24.23, -9.392
Hunter-Lab	33.97, -13.477, -4.554
Binary	00101100, 01101000, 01101101

#2c686d
```
#2c686d rgb(44,104,109)
```
#6d312c
```
#6d312c rgb(109,49,44)
```

Complementary Color

#2c6d52
```
#2c6d52 rgb(44,109,82)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#2c486d
```
#2c486d rgb(44,72,109)
```

Analogous Color

#6d522c
```
#6d522c rgb(109,82,44)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#6d2c48
```
#6d2c48 rgb(109,44,72)
```

Split Complementary Color

#686d2c
```
#686d2c rgb(104,109,44)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#6d2c68
```
#6d2c68 rgb(109,44,104)
```

Triadic Color

#2c6d31
```
#2c6d31 rgb(44,109,49)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#6d2c68
```
#6d2c68 rgb(109,44,104)
```
#6d312c
```
#6d312c rgb(109,49,44)
```

Tetradic Color

#163437
```
#163437 rgb(22,52,55)
```
#1d4549
```
#1d4549 rgb(29,69,73)
```
#25575b
```
#25575b rgb(37,87,91)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#33797f
```
#33797f rgb(51,121,127)
```
#3b8b91
```
#3b8b91 rgb(59,139,145)
```
#429ca4
```
#429ca4 rgb(66,156,164)
```

Monochromatic Color

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

#2c6d62
```
#2c6d62 rgb(44,109,98)
```
#2c6d67
```
#2c6d67 rgb(44,109,103)
```
#2c6d6d
```
#2c6d6d rgb(44,109,109)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#2c636d
```
#2c636d rgb(44,99,109)
```
#2c5d6d
```
#2c5d6d rgb(44,93,109)
```
#2c586d
```
#2c586d rgb(44,88,109)
```

Similar Colors

Text with hexadecimal color #2c686d

This text has a font color of #2c686d.

<span style="color:#2c686d;">Text here</span>

#2c686d background color

This paragraph has a background color of #2c686d.

<p style="background-color:#2c686d;">Content here</p>

#2c686d border color

This element has a border color of #2c686d.

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

CSS codes

.text {color:#2c686d;}

.background {background-color:#2c686d;}

.border {border:1px solid #2c686d;}

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, #050b0b is the darkest color, while #fcfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0a1819
```
#0a1819 rgb(10,24,25)
```
#102527
```
#102527 rgb(16,37,39)
```
#153335
```
#153335 rgb(21,51,53)
```
#1b4043
```
#1b4043 rgb(27,64,67)
```
#214d51
```
#214d51 rgb(33,77,81)
```
#265b5f
```
#265b5f rgb(38,91,95)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#32757b
```
#32757b rgb(50,117,123)
```
#378389
```
#378389 rgb(55,131,137)
```
#3d9097
```
#3d9097 rgb(61,144,151)
```
#439da5
```
#439da5 rgb(67,157,165)
```
#48abb3
```
#48abb3 rgb(72,171,179)
```

Shade Color Variation

#55b2ba
```
#55b2ba rgb(85,178,186)
```
#62b9c0
```
#62b9c0 rgb(98,185,192)
```
#70bfc5
```
#70bfc5 rgb(112,191,197)
```
#7ec5cb
```
#7ec5cb rgb(126,197,203)
```
#8ccbd1
```
#8ccbd1 rgb(140,203,209)
```
#9ad2d6
```
#9ad2d6 rgb(154,210,214)
```
#a8d8dc
```
#a8d8dc rgb(168,216,220)
```
#b6dee2
```
#b6dee2 rgb(182,222,226)
```
#c4e5e7
```
#c4e5e7 rgb(196,229,231)
```
#d2ebed
```
#d2ebed rgb(210,235,237)
```
#e0f1f3
```
#e0f1f3 rgb(224,241,243)
```
#eef7f8
```
#eef7f8 rgb(238,247,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494f50 is the less saturated color, while #038b96 is the most saturated one.

#494f50
```
#494f50 rgb(73,79,80)
```
#445455
```
#445455 rgb(68,84,85)
```
#3e595b
```
#3e595b rgb(62,89,91)
```
#385e61
```
#385e61 rgb(56,94,97)
```
#326367
```
#326367 rgb(50,99,103)
```
#2c686d
```
#2c686d rgb(44,104,109)
```
#266d73
```
#266d73 rgb(38,109,115)
```
#207279
```
#207279 rgb(32,114,121)
```
#1a777f
```
#1a777f rgb(26,119,127)
```
#147c85
```
#147c85 rgb(20,124,133)
```
#0f818a
```
#0f818a rgb(15,129,138)
```
#098690
```
#098690 rgb(9,134,144)
```
#038b96
```
#038b96 rgb(3,139,150)
```

Tone Color Variation

Below, you can see how #2c686d 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

#575757 Achromatopsia 0.005% of the population
#4e5a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#67676f Protanopia 1% of men
#686578 Deuteranopia 1% of men
#386f77 Tritanopia 0.001% of the population

Trichromacy

#51676e Protanomaly 1% of men, 0.01% of women
#526674 Deuteranomaly 6% of men, 0.4% of women
#336c73 Tritanomaly 0.01% of the population

#2c686d hex color

#2c686d Color Information

#2c686d Color Conversion

Color Schemes with #2c686d

Alternatives to #2c686d

#2c686d Preview

Shades and Tints of #2c686d

Tones of #2c686d

Color Blindness Simulator