#2c7e93 hex color

In a RGB color space, hex #2c7e93 is composed of 17.3% red, 49.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 14.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 192.2 degrees, a saturation of 53.9% and a lightness of 37.5%. #2c7e93 color hex could be obtained by blending #58fcff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 49
- B 58
RGB color chart
- C 70
- M 14
- Y 0
- K 42
CMYK color chart

● #2c7e93 color description : Dark cyan.

The hexadecimal color #2c7e93 has RGB values of R:44, G:126, B:147 and CMYK values of C:0.7, M:0.14, Y:0, K:0.42. Its decimal value is 2915987.

Hex triplet	2c7e93	`#2c7e93`
RGB Decimal	44, 126, 147	`rgb(44,126,147)`
RGB Percent	17.3, 49.4, 57.6	`rgb(17.3%,49.4%,57.6%)`
CMYK	70, 14, 0, 42
HSL	192.2°, 53.9, 37.5	`hsl(192.2,53.9%,37.5%)`
HSV (or HSB)	192.2°, 70.1, 57.6
Web Safe	336699	`#336699`

CIE-LAB	48.961, -17.435, -18.524
XYZ	13.765, 17.563, 30.267
xyY	0.223, 0.285, 17.563
CIE-LCH	48.961, 25.439, 226.734
CIE-LUV	48.961, -30.696, -24.709
Hunter-Lab	41.908, -14.71, -13.485
Binary	00101100, 01111110, 10010011

#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#93412c
```
#93412c rgb(147,65,44)
```

Complementary Color

#2c9375
```
#2c9375 rgb(44,147,117)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#2c4b93
```
#2c4b93 rgb(44,75,147)
```

Analogous Color

#93752c
```
#93752c rgb(147,117,44)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#932c4b
```
#932c4b rgb(147,44,75)
```

Split Complementary Color

#7e932c
```
#7e932c rgb(126,147,44)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#932c7e
```
#932c7e rgb(147,44,126)
```

Triadic Color

#2c9341
```
#2c9341 rgb(44,147,65)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#932c7e
```
#932c7e rgb(147,44,126)
```
#93412c
```
#93412c rgb(147,65,44)
```

Tetradic Color

#1a4c58
```
#1a4c58 rgb(26,76,88)
```
#205c6c
```
#205c6c rgb(32,92,108)
```
#266d7f
```
#266d7f rgb(38,109,127)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#328fa7
```
#328fa7 rgb(50,143,167)
```
#38a0ba
```
#38a0ba rgb(56,160,186)
```
#44acc7
```
#44acc7 rgb(68,172,199)
```

Monochromatic Color

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

#2c938e
```
#2c938e rgb(44,147,142)
```
#2c8f93
```
#2c8f93 rgb(44,143,147)
```
#2c8793
```
#2c8793 rgb(44,135,147)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#2c7593
```
#2c7593 rgb(44,117,147)
```
#2c6d93
```
#2c6d93 rgb(44,109,147)
```
#2c6493
```
#2c6493 rgb(44,100,147)
```

Similar Colors

Text with hexadecimal color #2c7e93

This text has a font color of #2c7e93.

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

#2c7e93 background color

This paragraph has a background color of #2c7e93.

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

#2c7e93 border color

This element has a border color of #2c7e93.

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

CSS codes

.text {color:#2c7e93;}

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

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

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

#030a0b
```
#030a0b rgb(3,10,11)
```
#08161a
```
#08161a rgb(8,22,26)
```
#0c2329
```
#0c2329 rgb(12,35,41)
```
#113038
```
#113038 rgb(17,48,56)
```
#153d48
```
#153d48 rgb(21,61,72)
```
#1a4a57
```
#1a4a57 rgb(26,74,87)
```
#1e5766
```
#1e5766 rgb(30,87,102)
```
#236475
```
#236475 rgb(35,100,117)
```
#277184
```
#277184 rgb(39,113,132)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#318ba2
```
#318ba2 rgb(49,139,162)
```
#3598b1
```
#3598b1 rgb(53,152,177)
```
#3aa5c0
```
#3aa5c0 rgb(58,165,192)
```

Shade Color Variation

#46adc8
```
#46adc8 rgb(70,173,200)
```
#55b4cc
```
#55b4cc rgb(85,180,204)
```
#64bad1
```
#64bad1 rgb(100,186,209)
```
#73c1d5
```
#73c1d5 rgb(115,193,213)
```
#82c8da
```
#82c8da rgb(130,200,218)
```
#91cfde
```
#91cfde rgb(145,207,222)
```
#a0d5e3
```
#a0d5e3 rgb(160,213,227)
```
#b0dce7
```
#b0dce7 rgb(176,220,231)
```
#bfe3ec
```
#bfe3ec rgb(191,227,236)
```
#cee9f0
```
#cee9f0 rgb(206,233,240)
```
#ddf0f5
```
#ddf0f5 rgb(221,240,245)
```
#ecf7f9
```
#ecf7f9 rgb(236,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6060 is the less saturated color, while #0794b8 is the most saturated one.

#5f6060
```
#5f6060 rgb(95,96,96)
```
#586467
```
#586467 rgb(88,100,103)
```
#51686e
```
#51686e rgb(81,104,110)
```
#496d76
```
#496d76 rgb(73,109,118)
```
#42717d
```
#42717d rgb(66,113,125)
```
#3b7584
```
#3b7584 rgb(59,117,132)
```
#337a8c
```
#337a8c rgb(51,122,140)
```
#2c7e93
```
#2c7e93 rgb(44,126,147)
```
#25829a
```
#25829a rgb(37,130,154)
```
#1d87a2
```
#1d87a2 rgb(29,135,162)
```
#168ba9
```
#168ba9 rgb(22,139,169)
```
#0f8fb0
```
#0f8fb0 rgb(15,143,176)
```
#0794b8
```
#0794b8 rgb(7,148,184)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767a92 Protanopia 1% of men
#73799c Deuteranopia 1% of men
#308690 Tritanopia 0.001% of the population

Trichromacy

#5b7b92 Protanomaly 1% of men, 0.01% of women
#597b99 Deuteranomaly 6% of men, 0.4% of women
#2e8391 Tritanomaly 0.01% of the population

#2c7e93 hex color

#2c7e93 Color Information

#2c7e93 Color Conversion

Color Schemes with #2c7e93

Alternatives to #2c7e93

#2c7e93 Preview

Shades and Tints of #2c7e93

Tones of #2c7e93

Color Blindness Simulator