#2c695e hex color

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

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

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

The hexadecimal color #2c695e has RGB values of R:44, G:105, B:94 and CMYK values of C:0.58, M:0, Y:0.1, K:0.59. Its decimal value is 2910558.

Hex triplet	2c695e	`#2c695e`
RGB Decimal	44, 105, 94	`rgb(44,105,94)`
RGB Percent	17.3, 41.2, 36.9	`rgb(17.3%,41.2%,36.9%)`
CMYK	58, 0, 10, 59
HSL	169.2°, 40.9, 29.2	`hsl(169.2,40.9%,29.2%)`
HSV (or HSB)	169.2°, 58.1, 41.2
Web Safe	336666	`#336666`

CIE-LAB	40.322, -22.645, 0.239
XYZ	8.11, 11.446, 12.371
xyY	0.254, 0.359, 11.446
CIE-LCH	40.322, 22.646, 179.394
CIE-LUV	40.322, -25.312, 3.446
Hunter-Lab	33.832, -16.417, 2.003
Binary	00101100, 01101001, 01011110

#2c695e
```
#2c695e rgb(44,105,94)
```
#692c37
```
#692c37 rgb(105,44,55)
```

Complementary Color

#2c6940
```
#2c6940 rgb(44,105,64)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#2c5669
```
#2c5669 rgb(44,86,105)
```

Analogous Color

#69402c
```
#69402c rgb(105,64,44)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#692c56
```
#692c56 rgb(105,44,86)
```

Split Complementary Color

#695e2c
```
#695e2c rgb(105,94,44)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#5e2c69
```
#5e2c69 rgb(94,44,105)
```

Triadic Color

#37692c
```
#37692c rgb(55,105,44)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#5e2c69
```
#5e2c69 rgb(94,44,105)
```
#692c37
```
#692c37 rgb(105,44,55)
```

Tetradic Color

#15332e
```
#15332e rgb(21,51,46)
```
#1d453e
```
#1d453e rgb(29,69,62)
```
#24574e
```
#24574e rgb(36,87,78)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#347b6e
```
#347b6e rgb(52,123,110)
```
#3b8d7e
```
#3b8d7e rgb(59,141,126)
```
#439f8e
```
#439f8e rgb(67,159,142)
```

Monochromatic Color

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

#2c694f
```
#2c694f rgb(44,105,79)
```
#2c6954
```
#2c6954 rgb(44,105,84)
```
#2c6959
```
#2c6959 rgb(44,105,89)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#2c6963
```
#2c6963 rgb(44,105,99)
```
#2c6968
```
#2c6968 rgb(44,105,104)
```
#2c6569
```
#2c6569 rgb(44,101,105)
```

Similar Colors

Text with hexadecimal color #2c695e

This text has a font color of #2c695e.

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

#2c695e background color

This paragraph has a background color of #2c695e.

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

#2c695e border color

This element has a border color of #2c695e.

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

CSS codes

.text {color:#2c695e;}

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

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

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)
```
#091614
```
#091614 rgb(9,22,20)
```
#0f2420
```
#0f2420 rgb(15,36,32)
```
#15322d
```
#15322d rgb(21,50,45)
```
#1b4039
```
#1b4039 rgb(27,64,57)
```
#204d45
```
#204d45 rgb(32,77,69)
```
#265b52
```
#265b52 rgb(38,91,82)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#32776a
```
#32776a rgb(50,119,106)
```
#388577
```
#388577 rgb(56,133,119)
```
#3d9283
```
#3d9283 rgb(61,146,131)
```
#43a08f
```
#43a08f rgb(67,160,143)
```
#49ae9c
```
#49ae9c rgb(73,174,156)
```

Shade Color Variation

#54b7a5
```
#54b7a5 rgb(84,183,165)
```
#61bdac
```
#61bdac rgb(97,189,172)
```
#6fc3b4
```
#6fc3b4 rgb(111,195,180)
```
#7dc9bb
```
#7dc9bb rgb(125,201,187)
```
#8bcec2
```
#8bcec2 rgb(139,206,194)
```
#99d4c9
```
#99d4c9 rgb(153,212,201)
```
#a6dad1
```
#a6dad1 rgb(166,218,209)
```
#b4e0d8
```
#b4e0d8 rgb(180,224,216)
```
#c2e5df
```
#c2e5df rgb(194,229,223)
```
#d0ebe6
```
#d0ebe6 rgb(208,235,230)
```
#def1ee
```
#def1ee rgb(222,241,238)
```
#ecf7f5
```
#ecf7f5 rgb(236,247,245)
```
#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 #049178 is the most saturated one.

#494c4c
```
#494c4c rgb(73,76,76)
```
#43524f
```
#43524f rgb(67,82,79)
```
#3d5853
```
#3d5853 rgb(61,88,83)
```
#375e57
```
#375e57 rgb(55,94,87)
```
#32635a
```
#32635a rgb(50,99,90)
```
#2c695e
```
#2c695e rgb(44,105,94)
```
#266f62
```
#266f62 rgb(38,111,98)
```
#217465
```
#217465 rgb(33,116,101)
```
#1b7a69
```
#1b7a69 rgb(27,122,105)
```
#15806d
```
#15806d rgb(21,128,109)
```
#0f8670
```
#0f8670 rgb(15,134,112)
```
#0a8b74
```
#0a8b74 rgb(10,139,116)
```
#049178
```
#049178 rgb(4,145,120)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6661 Protanopia 1% of men
#6f646a Deuteranopia 1% of men
#3d6e76 Tritanopia 0.001% of the population

Trichromacy

#536760 Protanomaly 1% of men, 0.01% of women
#566666 Deuteranomaly 6% of men, 0.4% of women
#376c6d Tritanomaly 0.01% of the population

#2c695e hex color

#2c695e Color Information

#2c695e Color Conversion

Color Schemes with #2c695e

Alternatives to #2c695e

#2c695e Preview

Shades and Tints of #2c695e

Tones of #2c695e

Color Blindness Simulator