#2c7a93 hex color

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

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

● #2c7a93 color description : Dark cyan.

The hexadecimal color #2c7a93 has RGB values of R:44, G:122, B:147 and CMYK values of C:0.7, M:0.17, Y:0, K:0.42. Its decimal value is 2914963.

Hex triplet	2c7a93	`#2c7a93`
RGB Decimal	44, 122, 147	`rgb(44,122,147)`
RGB Percent	17.3, 47.8, 57.6	`rgb(17.3%,47.8%,57.6%)`
CMYK	70, 17, 0, 42
HSL	194.6°, 53.9, 37.5	`hsl(194.6,53.9%,37.5%)`
HSV (or HSB)	194.6°, 70.1, 57.6
Web Safe	336699	`#336699`

CIE-LAB	47.701, -15.23, -20.457
XYZ	13.263, 16.56, 30.1
xyY	0.221, 0.276, 16.56
CIE-LCH	47.701, 25.503, 233.333
CIE-LUV	47.701, -29.21, -27.831
Hunter-Lab	40.694, -13.036, -15.368
Binary	00101100, 01111010, 10010011

#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#93452c
```
#93452c rgb(147,69,44)
```

Complementary Color

#2c9379
```
#2c9379 rgb(44,147,121)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#2c4793
```
#2c4793 rgb(44,71,147)
```

Analogous Color

#93792c
```
#93792c rgb(147,121,44)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#932c47
```
#932c47 rgb(147,44,71)
```

Split Complementary Color

#7a932c
```
#7a932c rgb(122,147,44)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#932c7a
```
#932c7a rgb(147,44,122)
```

Triadic Color

#2c9345
```
#2c9345 rgb(44,147,69)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#932c7a
```
#932c7a rgb(147,44,122)
```
#93452c
```
#93452c rgb(147,69,44)
```

Tetradic Color

#1a4958
```
#1a4958 rgb(26,73,88)
```
#20596c
```
#20596c rgb(32,89,108)
```
#266a7f
```
#266a7f rgb(38,106,127)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#328aa7
```
#328aa7 rgb(50,138,167)
```
#389bba
```
#389bba rgb(56,155,186)
```
#44a7c7
```
#44a7c7 rgb(68,167,199)
```

Monochromatic Color

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

#2c9392
```
#2c9392 rgb(44,147,146)
```
#2c8b93
```
#2c8b93 rgb(44,139,147)
```
#2c8393
```
#2c8393 rgb(44,131,147)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#2c7193
```
#2c7193 rgb(44,113,147)
```
#2c6993
```
#2c6993 rgb(44,105,147)
```
#2c6093
```
#2c6093 rgb(44,96,147)
```

Similar Colors

Text with hexadecimal color #2c7a93

This text has a font color of #2c7a93.

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

#2c7a93 background color

This paragraph has a background color of #2c7a93.

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

#2c7a93 border color

This element has a border color of #2c7a93.

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

CSS codes

.text {color:#2c7a93;}

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

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

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#08161a
```
#08161a rgb(8,22,26)
```
#0c2229
```
#0c2229 rgb(12,34,41)
```
#112f38
```
#112f38 rgb(17,47,56)
```
#153b48
```
#153b48 rgb(21,59,72)
```
#1a4857
```
#1a4857 rgb(26,72,87)
```
#1e5466
```
#1e5466 rgb(30,84,102)
```
#236175
```
#236175 rgb(35,97,117)
```
#276d84
```
#276d84 rgb(39,109,132)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#3187a2
```
#3187a2 rgb(49,135,162)
```
#3593b1
```
#3593b1 rgb(53,147,177)
```
#3aa0c0
```
#3aa0c0 rgb(58,160,192)
```

Shade Color Variation

#46a8c8
```
#46a8c8 rgb(70,168,200)
```
#55afcc
```
#55afcc rgb(85,175,204)
```
#64b6d1
```
#64b6d1 rgb(100,182,209)
```
#73bdd5
```
#73bdd5 rgb(115,189,213)
```
#82c4da
```
#82c4da rgb(130,196,218)
```
#91ccde
```
#91ccde rgb(145,204,222)
```
#a0d3e3
```
#a0d3e3 rgb(160,211,227)
```
#b0dae7
```
#b0dae7 rgb(176,218,231)
```
#bfe1ec
```
#bfe1ec rgb(191,225,236)
```
#cee8f0
```
#cee8f0 rgb(206,232,240)
```
#ddeff5
```
#ddeff5 rgb(221,239,245)
```
#ecf6f9
```
#ecf6f9 rgb(236,246,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 #078db8 is the most saturated one.

#5f6060
```
#5f6060 rgb(95,96,96)
```
#586367
```
#586367 rgb(88,99,103)
```
#51676e
```
#51676e rgb(81,103,110)
```
#496b76
```
#496b76 rgb(73,107,118)
```
#426f7d
```
#426f7d rgb(66,111,125)
```
#3b7284
```
#3b7284 rgb(59,114,132)
```
#33768c
```
#33768c rgb(51,118,140)
```
#2c7a93
```
#2c7a93 rgb(44,122,147)
```
#257e9a
```
#257e9a rgb(37,126,154)
```
#1d82a2
```
#1d82a2 rgb(29,130,162)
```
#1685a9
```
#1685a9 rgb(22,133,169)
```
#0f89b0
```
#0f89b0 rgb(15,137,176)
```
#078db8
```
#078db8 rgb(7,141,184)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#717792 Protanopia 1% of men
#6e769c Deuteranopia 1% of men
#2d838c Tritanopia 0.001% of the population

Trichromacy

#587892 Protanomaly 1% of men, 0.01% of women
#567899 Deuteranomaly 6% of men, 0.4% of women
#2d7f8e Tritanomaly 0.01% of the population

#2c7a93 hex color

#2c7a93 Color Information

#2c7a93 Color Conversion

Color Schemes with #2c7a93

Alternatives to #2c7a93

#2c7a93 Preview

Shades and Tints of #2c7a93

Tones of #2c7a93

Color Blindness Simulator