#2c746f hex color

In a RGB color space, hex #2c746f is composed of 17.3% red, 45.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 4.3% yellow and 54.5% black. It has a hue angle of 175.8 degrees, a saturation of 45% and a lightness of 31.4%. #2c746f color hex could be obtained by blending #58e8de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 44
RGB color chart
- C 62
- M 0
- Y 4
- K 55
CMYK color chart

● #2c746f color description : Dark moderate cyan.

The hexadecimal color #2c746f has RGB values of R:44, G:116, B:111 and CMYK values of C:0.62, M:0, Y:0.04, K:0.55. Its decimal value is 2913391.

Hex triplet	2c746f	`#2c746f`
RGB Decimal	44, 116, 111	`rgb(44,116,111)`
RGB Percent	17.3, 45.5, 43.5	`rgb(17.3%,45.5%,43.5%)`
CMYK	62, 0, 4, 55
HSL	175.8°, 45, 31.4	`hsl(175.8,45%,31.4%)`
HSV (or HSB)	175.8°, 62.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.48, -23.454, -3.92
XYZ	10.152, 14.173, 17.239
xyY	0.244, 0.341, 14.173
CIE-LCH	44.48, 23.78, 189.488
CIE-LUV	44.48, -28.843, -2.073
Hunter-Lab	37.647, -17.746, -0.796
Binary	00101100, 01110100, 01101111

#2c746f
```
#2c746f rgb(44,116,111)
```
#742c31
```
#742c31 rgb(116,44,49)
```

Complementary Color

#2c744b
```
#2c744b rgb(44,116,75)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```

Analogous Color

#744b2c
```
#744b2c rgb(116,75,44)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#742c55
```
#742c55 rgb(116,44,85)
```

Split Complementary Color

#746f2c
```
#746f2c rgb(116,111,44)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#6f2c74
```
#6f2c74 rgb(111,44,116)
```

Triadic Color

#31742c
```
#31742c rgb(49,116,44)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#6f2c74
```
#6f2c74 rgb(111,44,116)
```
#742c31
```
#742c31 rgb(116,44,49)
```

Tetradic Color

#173d3a
```
#173d3a rgb(23,61,58)
```
#1e4f4c
```
#1e4f4c rgb(30,79,76)
```
#25625d
```
#25625d rgb(37,98,93)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#338681
```
#338681 rgb(51,134,129)
```
#3a9992
```
#3a9992 rgb(58,153,146)
```
#41aba4
```
#41aba4 rgb(65,171,164)
```

Monochromatic Color

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

#2c745d
```
#2c745d rgb(44,116,93)
```
#2c7463
```
#2c7463 rgb(44,116,99)
```
#2c7469
```
#2c7469 rgb(44,116,105)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#2c7374
```
#2c7374 rgb(44,115,116)
```
#2c6d74
```
#2c6d74 rgb(44,109,116)
```
#2c6774
```
#2c6774 rgb(44,103,116)
```

Similar Colors

Text with hexadecimal color #2c746f

This text has a font color of #2c746f.

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

#2c746f background color

This paragraph has a background color of #2c746f.

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

#2c746f border color

This element has a border color of #2c746f.

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

CSS codes

.text {color:#2c746f;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0c1f1d
```
#0c1f1d rgb(12,31,29)
```
#112d2b
```
#112d2b rgb(17,45,43)
```
#163b39
```
#163b39 rgb(22,59,57)
```
#1c4946
```
#1c4946 rgb(28,73,70)
```
#215854
```
#215854 rgb(33,88,84)
```
#276661
```
#276661 rgb(39,102,97)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#31827d
```
#31827d rgb(49,130,125)
```
#37908a
```
#37908a rgb(55,144,138)
```
#3c9f98
```
#3c9f98 rgb(60,159,152)
```
#42ada5
```
#42ada5 rgb(66,173,165)
```

Shade Color Variation

#48bab2
```
#48bab2 rgb(72,186,178)
```
#57bfb8
```
#57bfb8 rgb(87,191,184)
```
#65c5be
```
#65c5be rgb(101,197,190)
```
#73cac4
```
#73cac4 rgb(115,202,196)
```
#81cfca
```
#81cfca rgb(129,207,202)
```
#8fd5d0
```
#8fd5d0 rgb(143,213,208)
```
#9edad6
```
#9edad6 rgb(158,218,214)
```
#acdfdc
```
#acdfdc rgb(172,223,220)
```
#bae5e2
```
#bae5e2 rgb(186,229,226)
```
#c8eae8
```
#c8eae8 rgb(200,234,232)
```
#d7f0ee
```
#d7f0ee rgb(215,240,238)
```
#e5f5f4
```
#e5f5f4 rgb(229,245,244)
```
#f3fafa
```
#f3fafa rgb(243,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5555 is the less saturated color, while #019f94 is the most saturated one.

#4b5555
```
#4b5555 rgb(75,85,85)
```
#455b5a
```
#455b5a rgb(69,91,90)
```
#3e625f
```
#3e625f rgb(62,98,95)
```
#386864
```
#386864 rgb(56,104,100)
```
#326e6a
```
#326e6a rgb(50,110,106)
```
#2c746f
```
#2c746f rgb(44,116,111)
```
#267a74
```
#267a74 rgb(38,122,116)
```
#20807a
```
#20807a rgb(32,128,122)
```
#1a867f
```
#1a867f rgb(26,134,127)
```
#138d84
```
#138d84 rgb(19,141,132)
```
#0d9389
```
#0d9389 rgb(13,147,137)
```
#07998f
```
#07998f rgb(7,153,143)
```
#019f94
```
#019f94 rgb(1,159,148)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727070 Protanopia 1% of men
#766e7b Deuteranopia 1% of men
#3d7982 Tritanopia 0.001% of the population

Trichromacy

#597170 Protanomaly 1% of men, 0.01% of women
#5b7076 Deuteranomaly 6% of men, 0.4% of women
#36777b Tritanomaly 0.01% of the population

#2c746f hex color

#2c746f Color Information

#2c746f Color Conversion

Color Schemes with #2c746f

Alternatives to #2c746f

#2c746f Preview

Shades and Tints of #2c746f

Tones of #2c746f

Color Blindness Simulator