#2c8ba1 hex color

In a RGB color space, hex #2c8ba1 is composed of 17.3% red, 54.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 13.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 191.3 degrees, a saturation of 57.1% and a lightness of 40.2%. #2c8ba1 color hex could be obtained by blending #58ffff with #001743. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 55
- B 63
RGB color chart
- C 73
- M 14
- Y 0
- K 37
CMYK color chart

● #2c8ba1 color description : Dark cyan.

The hexadecimal color #2c8ba1 has RGB values of R:44, G:139, B:161 and CMYK values of C:0.73, M:0.14, Y:0, K:0.37. Its decimal value is 2919329.

Hex triplet	2c8ba1	`#2c8ba1`
RGB Decimal	44, 139, 161	`rgb(44,139,161)`
RGB Percent	17.3, 54.5, 63.1	`rgb(17.3%,54.5%,63.1%)`
CMYK	73, 14, 0, 37
HSL	191.3°, 57.1, 40.2	`hsl(191.3,57.1%,40.2%)`
HSV (or HSB)	191.3°, 72.7, 63.1
Web Safe	339999	`#339999`

CIE-LAB	53.57, -19.812, -19.616
XYZ	16.703, 21.572, 37
xyY	0.222, 0.287, 21.572
CIE-LCH	53.57, 27.88, 224.715
CIE-LUV	53.57, -34.679, -26.547
Hunter-Lab	46.446, -17.09, -14.719
Binary	00101100, 10001011, 10100001

#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#a1422c
```
#a1422c rgb(161,66,44)
```

Complementary Color

#2ca17d
```
#2ca17d rgb(44,161,125)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#2c51a1
```
#2c51a1 rgb(44,81,161)
```

Analogous Color

#a17d2c
```
#a17d2c rgb(161,125,44)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#a12c51
```
#a12c51 rgb(161,44,81)
```

Split Complementary Color

#8ba12c
```
#8ba12c rgb(139,161,44)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#a12c8b
```
#a12c8b rgb(161,44,139)
```

Triadic Color

#2ca142
```
#2ca142 rgb(44,161,66)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#a12c8b
```
#a12c8b rgb(161,44,139)
```
#a1422c
```
#a1422c rgb(161,66,44)
```

Tetradic Color

#1c5765
```
#1c5765 rgb(28,87,101)
```
#216879
```
#216879 rgb(33,104,121)
```
#277a8d
```
#277a8d rgb(39,122,141)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#319cb5
```
#319cb5 rgb(49,156,181)
```
#38adc8
```
#38adc8 rgb(56,173,200)
```
#4cb5ce
```
#4cb5ce rgb(76,181,206)
```

Monochromatic Color

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

#2ca19a
```
#2ca19a rgb(44,161,154)
```
#2c9fa1
```
#2c9fa1 rgb(44,159,161)
```
#2c95a1
```
#2c95a1 rgb(44,149,161)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#2c81a1
```
#2c81a1 rgb(44,129,161)
```
#2c78a1
```
#2c78a1 rgb(44,120,161)
```
#2c6ea1
```
#2c6ea1 rgb(44,110,161)
```

Similar Colors

Text with hexadecimal color #2c8ba1

This text has a font color of #2c8ba1.

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

#2c8ba1 background color

This paragraph has a background color of #2c8ba1.

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

#2c8ba1 border color

This element has a border color of #2c8ba1.

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

CSS codes

.text {color:#2c8ba1;}

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

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

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 #f7fcfd is the lightest one.

#020607
```
#020607 rgb(2,6,7)
```
#061316
```
#061316 rgb(6,19,22)
```
#0a2126
```
#0a2126 rgb(10,33,38)
```
#0f2e35
```
#0f2e35 rgb(15,46,53)
```
#133b45
```
#133b45 rgb(19,59,69)
```
#174854
```
#174854 rgb(23,72,84)
```
#1b5663
```
#1b5663 rgb(27,86,99)
```
#1f6373
```
#1f6373 rgb(31,99,115)
```
#247082
```
#247082 rgb(36,112,130)
```
#287e92
```
#287e92 rgb(40,126,146)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#3098b0
```
#3098b0 rgb(48,152,176)
```
#34a6c0
```
#34a6c0 rgb(52,166,192)
```

Shade Color Variation

#3eb0ca
```
#3eb0ca rgb(62,176,202)
```
#4db6ce
```
#4db6ce rgb(77,182,206)
```
#5cbcd3
```
#5cbcd3 rgb(92,188,211)
```
#6cc3d7
```
#6cc3d7 rgb(108,195,215)
```
#7bc9db
```
#7bc9db rgb(123,201,219)
```
#8bcfdf
```
#8bcfdf rgb(139,207,223)
```
#9ad6e3
```
#9ad6e3 rgb(154,214,227)
```
#aadce8
```
#aadce8 rgb(170,220,232)
```
#b9e2ec
```
#b9e2ec rgb(185,226,236)
```
#c8e9f0
```
#c8e9f0 rgb(200,233,240)
```
#d8eff4
```
#d8eff4 rgb(216,239,244)
```
#e7f5f8
```
#e7f5f8 rgb(231,245,248)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63696a is the less saturated color, while #05a4c8 is the most saturated one.

#63696a
```
#63696a rgb(99,105,106)
```
#5b6d72
```
#5b6d72 rgb(91,109,114)
```
#53727a
```
#53727a rgb(83,114,122)
```
#4c7781
```
#4c7781 rgb(76,119,129)
```
#447c89
```
#447c89 rgb(68,124,137)
```
#3c8191
```
#3c8191 rgb(60,129,145)
```
#348699
```
#348699 rgb(52,134,153)
```
#2c8ba1
```
#2c8ba1 rgb(44,139,161)
```
#2490a9
```
#2490a9 rgb(36,144,169)
```
#1c95b1
```
#1c95b1 rgb(28,149,177)
```
#149ab9
```
#149ab9 rgb(20,154,185)
```
#0c9fc1
```
#0c9fc1 rgb(12,159,193)
```
#05a4c8
```
#05a4c8 rgb(5,164,200)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#63767b Atypical Achromatopsia 0.001% of the population

Dichromacy

#80859e Protanopia 1% of men
#7e84aa Deuteranopia 1% of men
#2f929d Tritanopia 0.001% of the population

Trichromacy

#62879f Protanomaly 1% of men, 0.01% of women
#6086a7 Deuteranomaly 6% of men, 0.4% of women
#2e8f9e Tritanomaly 0.01% of the population

#2c8ba1 hex color

#2c8ba1 Color Information

#2c8ba1 Color Conversion

Color Schemes with #2c8ba1

Alternatives to #2c8ba1

#2c8ba1 Preview

Shades and Tints of #2c8ba1

Tones of #2c8ba1

Color Blindness Simulator