#2c747a hex color

In a RGB color space, hex #2c747a is composed of 17.3% red, 45.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 4.9% magenta, 0% yellow and 52.2% black. It has a hue angle of 184.6 degrees, a saturation of 47% and a lightness of 32.5%. #2c747a color hex could be obtained by blending #58e8f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 48
RGB color chart
- C 64
- M 5
- Y 0
- K 52
CMYK color chart

● #2c747a color description : Dark moderate cyan.

The hexadecimal color #2c747a has RGB values of R:44, G:116, B:122 and CMYK values of C:0.64, M:0.05, Y:0, K:0.52. Its decimal value is 2913402.

Hex triplet	2c747a	`#2c747a`
RGB Decimal	44, 116, 122	`rgb(44,116,122)`
RGB Percent	17.3, 45.5, 47.8	`rgb(17.3%,45.5%,47.8%)`
CMYK	64, 5, 0, 52
HSL	184.6°, 47, 32.5	`hsl(184.6,47%,32.5%)`
HSV (or HSB)	184.6°, 63.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	44.844, -20.113, -9.963
XYZ	10.796, 14.431, 20.628
xyY	0.235, 0.315, 14.431
CIE-LCH	44.844, 22.445, 206.351
CIE-LUV	44.844, -28.266, -11.167
Hunter-Lab	37.988, -15.749, -5.604
Binary	00101100, 01110100, 01111010

#2c747a
```
#2c747a rgb(44,116,122)
```
#7a322c
```
#7a322c rgb(122,50,44)
```

Complementary Color

#2c7a59
```
#2c7a59 rgb(44,122,89)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#2c4d7a
```
#2c4d7a rgb(44,77,122)
```

Analogous Color

#7a592c
```
#7a592c rgb(122,89,44)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#7a2c4d
```
#7a2c4d rgb(122,44,77)
```

Split Complementary Color

#747a2c
```
#747a2c rgb(116,122,44)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#7a2c74
```
#7a2c74 rgb(122,44,116)
```

Triadic Color

#2c7a32
```
#2c7a32 rgb(44,122,50)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#7a2c74
```
#7a2c74 rgb(122,44,116)
```
#7a322c
```
#7a322c rgb(122,50,44)
```

Tetradic Color

#183f42
```
#183f42 rgb(24,63,66)
```
#1e5055
```
#1e5055 rgb(30,80,85)
```
#256267
```
#256267 rgb(37,98,103)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#33868d
```
#33868d rgb(51,134,141)
```
#3a989f
```
#3a989f rgb(58,152,159)
```
#40a9b2
```
#40a9b2 rgb(64,169,178)
```

Monochromatic Color

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

#2c7a6d
```
#2c7a6d rgb(44,122,109)
```
#2c7a73
```
#2c7a73 rgb(44,122,115)
```
#2c7a7a
```
#2c7a7a rgb(44,122,122)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#2c6e7a
```
#2c6e7a rgb(44,110,122)
```
#2c677a
```
#2c677a rgb(44,103,122)
```
#2c617a
```
#2c617a rgb(44,97,122)
```

Similar Colors

Text with hexadecimal color #2c747a

This text has a font color of #2c747a.

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

#2c747a background color

This paragraph has a background color of #2c747a.

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

#2c747a border color

This element has a border color of #2c747a.

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

CSS codes

.text {color:#2c747a;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#081415
```
#081415 rgb(8,20,21)
```
#0d2224
```
#0d2224 rgb(13,34,36)
```
#122f32
```
#122f32 rgb(18,47,50)
```
#173d40
```
#173d40 rgb(23,61,64)
```
#1c4b4f
```
#1c4b4f rgb(28,75,79)
```
#22595d
```
#22595d rgb(34,89,93)
```
#27666c
```
#27666c rgb(39,102,108)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#318288
```
#318288 rgb(49,130,136)
```
#368f97
```
#368f97 rgb(54,143,151)
```
#3c9da5
```
#3c9da5 rgb(60,157,165)
```
#41abb4
```
#41abb4 rgb(65,171,180)
```

Shade Color Variation

#4ab5be
```
#4ab5be rgb(74,181,190)
```
#59bbc3
```
#59bbc3 rgb(89,187,195)
```
#67c1c8
```
#67c1c8 rgb(103,193,200)
```
#76c7cd
```
#76c7cd rgb(118,199,205)
```
#84cdd3
```
#84cdd3 rgb(132,205,211)
```
#92d2d8
```
#92d2d8 rgb(146,210,216)
```
#a1d8dd
```
#a1d8dd rgb(161,216,221)
```
#afdee2
```
#afdee2 rgb(175,222,226)
```
#bee4e7
```
#bee4e7 rgb(190,228,231)
```
#cceaed
```
#cceaed rgb(204,234,237)
```
#daf0f2
```
#daf0f2 rgb(218,240,242)
```
#e9f6f7
```
#e9f6f7 rgb(233,246,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#525454
```
#525454 rgb(82,84,84)
```
#4c595a
```
#4c595a rgb(76,89,90)
```
#465e60
```
#465e60 rgb(70,94,96)
```
#3f6467
```
#3f6467 rgb(63,100,103)
```
#39696d
```
#39696d rgb(57,105,109)
```
#326f74
```
#326f74 rgb(50,111,116)
```
#2c747a
```
#2c747a rgb(44,116,122)
```
#267980
```
#267980 rgb(38,121,128)
```
#1f7f87
```
#1f7f87 rgb(31,127,135)
```
#19848d
```
#19848d rgb(25,132,141)
```
#128a94
```
#128a94 rgb(18,138,148)
```
#0c8f9a
```
#0c8f9a rgb(12,143,154)
```
#0694a0
```
#0694a0 rgb(6,148,160)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70717b Protanopia 1% of men
#726f85 Deuteranopia 1% of men
#387a83 Tritanopia 0.001% of the population

Trichromacy

#57727a Protanomaly 1% of men, 0.01% of women
#587181 Deuteranomaly 6% of men, 0.4% of women
#347880 Tritanomaly 0.01% of the population

#2c747a hex color

#2c747a Color Information

#2c747a Color Conversion

Color Schemes with #2c747a

Alternatives to #2c747a

#2c747a Preview

Shades and Tints of #2c747a

Tones of #2c747a

Color Blindness Simulator