#2c97aa hex color

In a RGB color space, hex #2c97aa is composed of 17.3% red, 59.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 11.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 189 degrees, a saturation of 58.9% and a lightness of 42%. #2c97aa color hex could be obtained by blending #58ffff with #002f55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 59
- B 67
RGB color chart
- C 74
- M 11
- Y 0
- K 33
CMYK color chart

● #2c97aa color description : Dark cyan.

The hexadecimal color #2c97aa has RGB values of R:44, G:151, B:170 and CMYK values of C:0.74, M:0.11, Y:0, K:0.33. Its decimal value is 2922410.

Hex triplet	2c97aa	`#2c97aa`
RGB Decimal	44, 151, 170	`rgb(44,151,170)`
RGB Percent	17.3, 59.2, 66.7	`rgb(17.3%,59.2%,66.7%)`
CMYK	74, 11, 0, 33
HSL	189°, 58.9, 42	`hsl(189,58.9%,42%)`
HSV (or HSB)	189°, 74.1, 66.7
Web Safe	339999	`#339999`

CIE-LAB	57.626, -23.17, -18.581
XYZ	19.359, 25.569, 41.943
xyY	0.223, 0.294, 25.569
CIE-LCH	57.626, 29.7, 218.728
CIE-LUV	57.626, -38.492, -24.794
Hunter-Lab	50.566, -20.153, -13.783
Binary	00101100, 10010111, 10101010

#2c97aa
```
#2c97aa rgb(44,151,170)
```
#aa3f2c
```
#aa3f2c rgb(170,63,44)
```

Complementary Color

#2caa7e
```
#2caa7e rgb(44,170,126)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#2c58aa
```
#2c58aa rgb(44,88,170)
```

Analogous Color

#aa7e2c
```
#aa7e2c rgb(170,126,44)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#aa2c58
```
#aa2c58 rgb(170,44,88)
```

Split Complementary Color

#97aa2c
```
#97aa2c rgb(151,170,44)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#aa2c97
```
#aa2c97 rgb(170,44,151)
```

Triadic Color

#2caa3f
```
#2caa3f rgb(44,170,63)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#aa2c97
```
#aa2c97 rgb(170,44,151)
```
#aa3f2c
```
#aa3f2c rgb(170,63,44)
```

Tetradic Color

#1c616d
```
#1c616d rgb(28,97,109)
```
#227381
```
#227381 rgb(34,115,129)
```
#278596
```
#278596 rgb(39,133,150)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#31a9be
```
#31a9be rgb(49,169,190)
```
#3cb7cd
```
#3cb7cd rgb(60,183,205)
```
#51bed2
```
#51bed2 rgb(81,190,210)
```

Monochromatic Color

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

#2caa9e
```
#2caa9e rgb(44,170,158)
```
#2caaa8
```
#2caaa8 rgb(44,170,168)
```
#2ca2aa
```
#2ca2aa rgb(44,162,170)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#2c8daa
```
#2c8daa rgb(44,141,170)
```
#2c82aa
```
#2c82aa rgb(44,130,170)
```
#2c78aa
```
#2c78aa rgb(44,120,170)
```

Similar Colors

Text with hexadecimal color #2c97aa

This text has a font color of #2c97aa.

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

#2c97aa background color

This paragraph has a background color of #2c97aa.

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

#2c97aa border color

This element has a border color of #2c97aa.

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

CSS codes

.text {color:#2c97aa;}

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

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

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, #040d0e is the darkest color, while #fefeff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#081a1e
```
#081a1e rgb(8,26,30)
```
#0c282d
```
#0c282d rgb(12,40,45)
```
#10363d
```
#10363d rgb(16,54,61)
```
#14444d
```
#14444d rgb(20,68,77)
```
#18525c
```
#18525c rgb(24,82,92)
```
#1c606c
```
#1c606c rgb(28,96,108)
```
#206d7b
```
#206d7b rgb(32,109,123)
```
#247b8b
```
#247b8b rgb(36,123,139)
```
#28899a
```
#28899a rgb(40,137,154)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#30a5ba
```
#30a5ba rgb(48,165,186)
```
#34b3c9
```
#34b3c9 rgb(52,179,201)
```

Shade Color Variation

#43b9ce
```
#43b9ce rgb(67,185,206)
```
#52bfd2
```
#52bfd2 rgb(82,191,210)
```
#62c5d6
```
#62c5d6 rgb(98,197,214)
```
#71cbda
```
#71cbda rgb(113,203,218)
```
#81d0de
```
#81d0de rgb(129,208,222)
```
#91d6e2
```
#91d6e2 rgb(145,214,226)
```
#a0dce6
```
#a0dce6 rgb(160,220,230)
```
#b0e2ea
```
#b0e2ea rgb(176,226,234)
```
#bfe7ef
```
#bfe7ef rgb(191,231,239)
```
#cfedf3
```
#cfedf3 rgb(207,237,243)
```
#def3f7
```
#def3f7 rgb(222,243,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666f70 is the less saturated color, while #03b4d3 is the most saturated one.

#666f70
```
#666f70 rgb(102,111,112)
```
#5d7579
```
#5d7579 rgb(93,117,121)
```
#557a81
```
#557a81 rgb(85,122,129)
```
#4d8089
```
#4d8089 rgb(77,128,137)
```
#458691
```
#458691 rgb(69,134,145)
```
#3c8c9a
```
#3c8c9a rgb(60,140,154)
```
#3491a2
```
#3491a2 rgb(52,145,162)
```
#2c97aa
```
#2c97aa rgb(44,151,170)
```
#249db2
```
#249db2 rgb(36,157,178)
```
#1ca2ba
```
#1ca2ba rgb(28,162,186)
```
#13a8c3
```
#13a8c3 rgb(19,168,195)
```
#0baecb
```
#0baecb rgb(11,174,203)
```
#03b4d3
```
#03b4d3 rgb(3,180,211)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8fa6 Protanopia 1% of men
#8a8eb3 Deuteranopia 1% of men
#319da8 Tritanopia 0.001% of the population

Trichromacy

#6892a7 Protanomaly 1% of men, 0.01% of women
#6791b0 Deuteranomaly 6% of men, 0.4% of women
#2f9ba9 Tritanomaly 0.01% of the population

#2c97aa hex color

#2c97aa Color Information

#2c97aa Color Conversion

Color Schemes with #2c97aa

Alternatives to #2c97aa

#2c97aa Preview

Shades and Tints of #2c97aa

Tones of #2c97aa

Color Blindness Simulator