#2c737a hex color

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

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

● #2c737a color description : Dark moderate cyan.

The hexadecimal color #2c737a has RGB values of R:44, G:115, B:122 and CMYK values of C:0.64, M:0.06, Y:0, K:0.52. Its decimal value is 2913146.

Hex triplet	2c737a	`#2c737a`
RGB Decimal	44, 115, 122	`rgb(44,115,122)`
RGB Percent	17.3, 45.1, 47.8	`rgb(17.3%,45.1%,47.8%)`
CMYK	64, 6, 0, 52
HSL	185.4°, 47, 32.5	`hsl(185.4,47%,32.5%)`
HSV (or HSB)	185.4°, 63.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	44.52, -19.577, -10.451
XYZ	10.681, 14.201, 20.589
xyY	0.235, 0.312, 14.201
CIE-LCH	44.52, 22.192, 208.094
CIE-LUV	44.52, -27.881, -11.929
Hunter-Lab	37.685, -15.354, -6.015
Binary	00101100, 01110011, 01111010

#2c737a
```
#2c737a rgb(44,115,122)
```
#7a332c
```
#7a332c rgb(122,51,44)
```

Complementary Color

#2c7a5a
```
#2c7a5a rgb(44,122,90)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#2c4c7a
```
#2c4c7a rgb(44,76,122)
```

Analogous Color

#7a5a2c
```
#7a5a2c rgb(122,90,44)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#7a2c4c
```
#7a2c4c rgb(122,44,76)
```

Split Complementary Color

#737a2c
```
#737a2c rgb(115,122,44)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#7a2c73
```
#7a2c73 rgb(122,44,115)
```

Triadic Color

#2c7a33
```
#2c7a33 rgb(44,122,51)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#7a2c73
```
#7a2c73 rgb(122,44,115)
```
#7a332c
```
#7a332c rgb(122,51,44)
```

Tetradic Color

#183e42
```
#183e42 rgb(24,62,66)
```
#1e5055
```
#1e5055 rgb(30,80,85)
```
#256167
```
#256167 rgb(37,97,103)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#33858d
```
#33858d rgb(51,133,141)
```
#3a969f
```
#3a969f rgb(58,150,159)
```
#40a8b2
```
#40a8b2 rgb(64,168,178)
```

Monochromatic Color

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

#2c7a6e
```
#2c7a6e rgb(44,122,110)
```
#2c7a74
```
#2c7a74 rgb(44,122,116)
```
#2c7a7a
```
#2c7a7a rgb(44,122,122)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#2c6d7a
```
#2c6d7a rgb(44,109,122)
```
#2c667a
```
#2c667a rgb(44,102,122)
```
#2c607a
```
#2c607a rgb(44,96,122)
```

Similar Colors

Text with hexadecimal color #2c737a

This text has a font color of #2c737a.

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

#2c737a background color

This paragraph has a background color of #2c737a.

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

#2c737a border color

This element has a border color of #2c737a.

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

CSS codes

.text {color:#2c737a;}

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

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

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)
```
#0d2124
```
#0d2124 rgb(13,33,36)
```
#122f32
```
#122f32 rgb(18,47,50)
```
#173d40
```
#173d40 rgb(23,61,64)
```
#1c4a4f
```
#1c4a4f rgb(28,74,79)
```
#22585d
```
#22585d rgb(34,88,93)
```
#27656c
```
#27656c rgb(39,101,108)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#318188
```
#318188 rgb(49,129,136)
```
#368e97
```
#368e97 rgb(54,142,151)
```
#3c9ca5
```
#3c9ca5 rgb(60,156,165)
```
#41a9b4
```
#41a9b4 rgb(65,169,180)
```

Shade Color Variation

#4ab3be
```
#4ab3be rgb(74,179,190)
```
#59b9c3
```
#59b9c3 rgb(89,185,195)
```
#67bfc8
```
#67bfc8 rgb(103,191,200)
```
#76c6cd
```
#76c6cd rgb(118,198,205)
```
#84ccd3
```
#84ccd3 rgb(132,204,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 #0692a0 is the most saturated one.

#525454
```
#525454 rgb(82,84,84)
```
#4c595a
```
#4c595a rgb(76,89,90)
```
#465e60
```
#465e60 rgb(70,94,96)
```
#3f6367
```
#3f6367 rgb(63,99,103)
```
#39696d
```
#39696d rgb(57,105,109)
```
#326e74
```
#326e74 rgb(50,110,116)
```
#2c737a
```
#2c737a rgb(44,115,122)
```
#267880
```
#267880 rgb(38,120,128)
```
#1f7d87
```
#1f7d87 rgb(31,125,135)
```
#19838d
```
#19838d rgb(25,131,141)
```
#128894
```
#128894 rgb(18,136,148)
```
#0c8d9a
```
#0c8d9a rgb(12,141,154)
```
#0692a0
```
#0692a0 rgb(6,146,160)
```

Tone Color Variation

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

#6f707b Protanopia 1% of men
#716e85 Deuteranopia 1% of men
#387982 Tritanopia 0.001% of the population

Trichromacy

#57717a Protanomaly 1% of men, 0.01% of women
#577081 Deuteranomaly 6% of men, 0.4% of women
#33777f Tritanomaly 0.01% of the population

#2c737a hex color

#2c737a Color Information

#2c737a Color Conversion

Color Schemes with #2c737a

Alternatives to #2c737a

#2c737a Preview

Shades and Tints of #2c737a

Tones of #2c737a

Color Blindness Simulator