#2c97a6 hex color

In a RGB color space, hex #2c97a6 is composed of 17.3% red, 59.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 9% magenta, 0% yellow and 34.9% black. It has a hue angle of 187.4 degrees, a saturation of 58.1% and a lightness of 41.2%. #2c97a6 color hex could be obtained by blending #58ffff with #002f4d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 59
- B 65
RGB color chart
- C 73
- M 9
- Y 0
- K 35
CMYK color chart

● #2c97a6 color description : Dark cyan.

The hexadecimal color #2c97a6 has RGB values of R:44, G:151, B:166 and CMYK values of C:0.73, M:0.09, Y:0, K:0.35. Its decimal value is 2922406.

Hex triplet	2c97a6	`#2c97a6`
RGB Decimal	44, 151, 166	`rgb(44,151,166)`
RGB Percent	17.3, 59.2, 65.1	`rgb(17.3%,59.2%,65.1%)`
CMYK	73, 9, 0, 35
HSL	187.4°, 58.1, 41.2	`hsl(187.4,58.1%,41.2%)`
HSV (or HSB)	187.4°, 73.5, 65.1
Web Safe	339999	`#339999`

CIE-LAB	57.483, -24.452, -16.522
XYZ	18.986, 25.42, 39.98
xyY	0.225, 0.301, 25.42
CIE-LCH	57.483, 29.51, 214.047
CIE-LUV	57.483, -38.75, -21.347
Hunter-Lab	50.418, -21.014, -11.722
Binary	00101100, 10010111, 10100110

#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#a63b2c
```
#a63b2c rgb(166,59,44)
```

Complementary Color

#2ca678
```
#2ca678 rgb(44,166,120)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#2c5aa6
```
#2c5aa6 rgb(44,90,166)
```

Analogous Color

#a6782c
```
#a6782c rgb(166,120,44)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#a62c5a
```
#a62c5a rgb(166,44,90)
```

Split Complementary Color

#97a62c
```
#97a62c rgb(151,166,44)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#a62c97
```
#a62c97 rgb(166,44,151)
```

Triadic Color

#2ca63b
```
#2ca63b rgb(44,166,59)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#a62c97
```
#a62c97 rgb(166,44,151)
```
#a63b2c
```
#a63b2c rgb(166,59,44)
```

Tetradic Color

#1c606a
```
#1c606a rgb(28,96,106)
```
#21727e
```
#21727e rgb(33,114,126)
```
#278592
```
#278592 rgb(39,133,146)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#31a9ba
```
#31a9ba rgb(49,169,186)
```
#3ab9cb
```
#3ab9cb rgb(58,185,203)
```
#4ec0d0
```
#4ec0d0 rgb(78,192,208)
```

Monochromatic Color

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

#2ca697
```
#2ca697 rgb(44,166,151)
```
#2ca6a1
```
#2ca6a1 rgb(44,166,161)
```
#2ca1a6
```
#2ca1a6 rgb(44,161,166)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#2c8da6
```
#2c8da6 rgb(44,141,166)
```
#2c83a6
```
#2c83a6 rgb(44,131,166)
```
#2c79a6
```
#2c79a6 rgb(44,121,166)
```

Similar Colors

Text with hexadecimal color #2c97a6

This text has a font color of #2c97a6.

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

#2c97a6 background color

This paragraph has a background color of #2c97a6.

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

#2c97a6 border color

This element has a border color of #2c97a6.

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

CSS codes

.text {color:#2c97a6;}

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

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

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, #030a0b is the darkest color, while #fafdfe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#07181a
```
#07181a rgb(7,24,26)
```
#0b262a
```
#0b262a rgb(11,38,42)
```
#0f3439
```
#0f3439 rgb(15,52,57)
```
#134249
```
#134249 rgb(19,66,73)
```
#175058
```
#175058 rgb(23,80,88)
```
#1c5f68
```
#1c5f68 rgb(28,95,104)
```
#206d77
```
#206d77 rgb(32,109,119)
```
#247b87
```
#247b87 rgb(36,123,135)
```
#288996
```
#288996 rgb(40,137,150)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#30a5b6
```
#30a5b6 rgb(48,165,182)
```
#34b3c5
```
#34b3c5 rgb(52,179,197)
```

Shade Color Variation

#40bbcc
```
#40bbcc rgb(64,187,204)
```
#50c1d1
```
#50c1d1 rgb(80,193,209)
```
#5fc6d5
```
#5fc6d5 rgb(95,198,213)
```
#6fccd9
```
#6fccd9 rgb(111,204,217)
```
#7ed1dd
```
#7ed1dd rgb(126,209,221)
```
#8ed7e1
```
#8ed7e1 rgb(142,215,225)
```
#9ddce5
```
#9ddce5 rgb(157,220,229)
```
#ade2e9
```
#ade2e9 rgb(173,226,233)
```
#bce7ed
```
#bce7ed rgb(188,231,237)
```
#ccedf1
```
#ccedf1 rgb(204,237,241)
```
#dbf2f6
```
#dbf2f6 rgb(219,242,246)
```
#ebf8fa
```
#ebf8fa rgb(235,248,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656c6d is the less saturated color, while #04b5ce is the most saturated one.

#656c6d
```
#656c6d rgb(101,108,109)
```
#5c7276
```
#5c7276 rgb(92,114,118)
```
#54797e
```
#54797e rgb(84,121,126)
```
#4c7f86
```
#4c7f86 rgb(76,127,134)
```
#44858e
```
#44858e rgb(68,133,142)
```
#3c8b96
```
#3c8b96 rgb(60,139,150)
```
#34919e
```
#34919e rgb(52,145,158)
```
#2c97a6
```
#2c97a6 rgb(44,151,166)
```
#249dae
```
#249dae rgb(36,157,174)
```
#1ca3b6
```
#1ca3b6 rgb(28,163,182)
```
#14a9be
```
#14a9be rgb(20,169,190)
```
#0cafc6
```
#0cafc6 rgb(12,175,198)
```
#04b5ce
```
#04b5ce rgb(4,181,206)
```

Tone Color Variation

Below, you can see how #2c97a6 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
#6a7f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8fa2 Protanopia 1% of men
#8c8db0 Deuteranopia 1% of men
#349ca8 Tritanopia 0.001% of the population

Trichromacy

#6991a3 Protanomaly 1% of men, 0.01% of women
#6990ac Deuteranomaly 6% of men, 0.4% of women
#319aa7 Tritanomaly 0.01% of the population

#2c97a6 hex color

#2c97a6 Color Information

#2c97a6 Color Conversion

Color Schemes with #2c97a6

Alternatives to #2c97a6

#2c97a6 Preview

Shades and Tints of #2c97a6

Tones of #2c97a6

Color Blindness Simulator