#2c695c hex color

In a RGB color space, hex #2c695c is composed of 17.3% red, 41.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 12.4% yellow and 58.8% black. It has a hue angle of 167.2 degrees, a saturation of 40.9% and a lightness of 29.2%. #2c695c color hex could be obtained by blending #58d2b8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 41
- B 36
RGB color chart
- C 58
- M 0
- Y 12
- K 59
CMYK color chart

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

The hexadecimal color #2c695c has RGB values of R:44, G:105, B:92 and CMYK values of C:0.58, M:0, Y:0.12, K:0.59. Its decimal value is 2910556.

Hex triplet	2c695c	`#2c695c`
RGB Decimal	44, 105, 92	`rgb(44,105,92)`
RGB Percent	17.3, 41.2, 36.1	`rgb(17.3%,41.2%,36.1%)`
CMYK	58, 0, 12, 59
HSL	167.2°, 40.9, 29.2	`hsl(167.2,40.9%,29.2%)`
HSV (or HSB)	167.2°, 58.1, 41.2
Web Safe	336666	`#336666`

CIE-LAB	40.264, -23.198, 1.373
XYZ	8.021, 11.411, 11.904
xyY	0.256, 0.364, 11.411
CIE-LCH	40.264, 23.239, 176.614
CIE-LUV	40.264, -25.403, 5.001
Hunter-Lab	33.78, -16.728, 2.751
Binary	00101100, 01101001, 01011100

#2c695c
```
#2c695c rgb(44,105,92)
```
#692c39
```
#692c39 rgb(105,44,57)
```

Complementary Color

#2c693e
```
#2c693e rgb(44,105,62)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#2c5869
```
#2c5869 rgb(44,88,105)
```

Analogous Color

#693e2c
```
#693e2c rgb(105,62,44)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#692c58
```
#692c58 rgb(105,44,88)
```

Split Complementary Color

#695c2c
```
#695c2c rgb(105,92,44)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#5c2c69
```
#5c2c69 rgb(92,44,105)
```

Triadic Color

#39692c
```
#39692c rgb(57,105,44)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#5c2c69
```
#5c2c69 rgb(92,44,105)
```
#692c39
```
#692c39 rgb(105,44,57)
```

Tetradic Color

#15332d
```
#15332d rgb(21,51,45)
```
#1d453d
```
#1d453d rgb(29,69,61)
```
#24574c
```
#24574c rgb(36,87,76)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#347b6c
```
#347b6c rgb(52,123,108)
```
#3b8d7b
```
#3b8d7b rgb(59,141,123)
```
#439f8b
```
#439f8b rgb(67,159,139)
```

Monochromatic Color

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

#2c694d
```
#2c694d rgb(44,105,77)
```
#2c6952
```
#2c6952 rgb(44,105,82)
```
#2c6957
```
#2c6957 rgb(44,105,87)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#2c6961
```
#2c6961 rgb(44,105,97)
```
#2c6966
```
#2c6966 rgb(44,105,102)
```
#2c6769
```
#2c6769 rgb(44,103,105)
```

Similar Colors

Text with hexadecimal color #2c695c

This text has a font color of #2c695c.

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

#2c695c background color

This paragraph has a background color of #2c695c.

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

#2c695c border color

This element has a border color of #2c695c.

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

CSS codes

.text {color:#2c695c;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#091613
```
#091613 rgb(9,22,19)
```
#0f241f
```
#0f241f rgb(15,36,31)
```
#15322c
```
#15322c rgb(21,50,44)
```
#1b4038
```
#1b4038 rgb(27,64,56)
```
#204d44
```
#204d44 rgb(32,77,68)
```
#265b50
```
#265b50 rgb(38,91,80)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#327768
```
#327768 rgb(50,119,104)
```
#388574
```
#388574 rgb(56,133,116)
```
#3d9280
```
#3d9280 rgb(61,146,128)
```
#43a08c
```
#43a08c rgb(67,160,140)
```
#49ae99
```
#49ae99 rgb(73,174,153)
```

Shade Color Variation

#54b7a2
```
#54b7a2 rgb(84,183,162)
```
#61bda9
```
#61bda9 rgb(97,189,169)
```
#6fc3b1
```
#6fc3b1 rgb(111,195,177)
```
#7dc9b8
```
#7dc9b8 rgb(125,201,184)
```
#8bcec0
```
#8bcec0 rgb(139,206,192)
```
#99d4c7
```
#99d4c7 rgb(153,212,199)
```
#a6dacf
```
#a6dacf rgb(166,218,207)
```
#b4e0d6
```
#b4e0d6 rgb(180,224,214)
```
#c2e5de
```
#c2e5de rgb(194,229,222)
```
#d0ebe5
```
#d0ebe5 rgb(208,235,229)
```
#def1ed
```
#def1ed rgb(222,241,237)
```
#ecf7f4
```
#ecf7f4 rgb(236,247,244)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#494c4c
```
#494c4c rgb(73,76,76)
```
#43524f
```
#43524f rgb(67,82,79)
```
#3d5852
```
#3d5852 rgb(61,88,82)
```
#375e55
```
#375e55 rgb(55,94,85)
```
#326359
```
#326359 rgb(50,99,89)
```
#2c695c
```
#2c695c rgb(44,105,92)
```
#266f5f
```
#266f5f rgb(38,111,95)
```
#217463
```
#217463 rgb(33,116,99)
```
#1b7a66
```
#1b7a66 rgb(27,122,102)
```
#158069
```
#158069 rgb(21,128,105)
```
#0f866c
```
#0f866c rgb(15,134,108)
```
#0a8b70
```
#0a8b70 rgb(10,139,112)
```
#049173
```
#049173 rgb(4,145,115)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a665f Protanopia 1% of men
#6f6468 Deuteranopia 1% of men
#3e6e76 Tritanopia 0.001% of the population

Trichromacy

#54675e Protanomaly 1% of men, 0.01% of women
#576564 Deuteranomaly 6% of men, 0.4% of women
#376c6c Tritanomaly 0.01% of the population

#2c695c hex color

#2c695c Color Information

#2c695c Color Conversion

Color Schemes with #2c695c

Alternatives to #2c695c

#2c695c Preview

Shades and Tints of #2c695c

Tones of #2c695c

Color Blindness Simulator