#2a7e93 hex color

In a RGB color space, hex #2a7e93 is composed of 16.5% red, 49.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 14.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 192 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a7e93 color hex could be obtained by blending #54fcff with #000027. Closest websafe color is: #336699.

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

● #2a7e93 color description : Dark cyan.

The hexadecimal color #2a7e93 has RGB values of R:42, G:126, B:147 and CMYK values of C:0.71, M:0.14, Y:0, K:0.42. Its decimal value is 2784915.

Hex triplet	2a7e93	`#2a7e93`
RGB Decimal	42, 126, 147	`rgb(42,126,147)`
RGB Percent	16.5, 49.4, 57.6	`rgb(16.5%,49.4%,57.6%)`
CMYK	71, 14, 0, 42
HSL	192°, 55.6, 37.1	`hsl(192,55.6%,37.1%)`
HSV (or HSB)	192°, 71.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	48.908, -17.74, -18.611
XYZ	13.681, 17.519, 30.263
xyY	0.223, 0.285, 17.519
CIE-LCH	48.908, 25.711, 226.372
CIE-LUV	48.908, -31.05, -24.802
Hunter-Lab	41.856, -14.905, -13.568
Binary	00101010, 01111110, 10010011

#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#933f2a
```
#933f2a rgb(147,63,42)
```

Complementary Color

#2a9374
```
#2a9374 rgb(42,147,116)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#2a4a93
```
#2a4a93 rgb(42,74,147)
```

Analogous Color

#93742a
```
#93742a rgb(147,116,42)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#932a4a
```
#932a4a rgb(147,42,74)
```

Split Complementary Color

#7e932a
```
#7e932a rgb(126,147,42)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#932a7e
```
#932a7e rgb(147,42,126)
```

Triadic Color

#2a933f
```
#2a933f rgb(42,147,63)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#932a7e
```
#932a7e rgb(147,42,126)
```
#933f2a
```
#933f2a rgb(147,63,42)
```

Tetradic Color

#194b58
```
#194b58 rgb(25,75,88)
```
#1f5c6b
```
#1f5c6b rgb(31,92,107)
```
#246d7f
```
#246d7f rgb(36,109,127)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#308fa7
```
#308fa7 rgb(48,143,167)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#41aec9
```
#41aec9 rgb(65,174,201)
```

Monochromatic Color

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

#2a938e
```
#2a938e rgb(42,147,142)
```
#2a9093
```
#2a9093 rgb(42,144,147)
```
#2a8793
```
#2a8793 rgb(42,135,147)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#2a7593
```
#2a7593 rgb(42,117,147)
```
#2a6d93
```
#2a6d93 rgb(42,109,147)
```
#2a6493
```
#2a6493 rgb(42,100,147)
```

Similar Colors

Text with hexadecimal color #2a7e93

This text has a font color of #2a7e93.

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

#2a7e93 background color

This paragraph has a background color of #2a7e93.

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

#2a7e93 border color

This element has a border color of #2a7e93.

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

CSS codes

.text {color:#2a7e93;}

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

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

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, #03080a is the darkest color, while #f9fdfd is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#071519
```
#071519 rgb(7,21,25)
```
#0b2228
```
#0b2228 rgb(11,34,40)
```
#103037
```
#103037 rgb(16,48,55)
```
#143d47
```
#143d47 rgb(20,61,71)
```
#194a56
```
#194a56 rgb(25,74,86)
```
#1d5765
```
#1d5765 rgb(29,87,101)
```
#216474
```
#216474 rgb(33,100,116)
```
#267184
```
#267184 rgb(38,113,132)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#2e8ba2
```
#2e8ba2 rgb(46,139,162)
```
#3398b2
```
#3398b2 rgb(51,152,178)
```
#37a5c1
```
#37a5c1 rgb(55,165,193)
```

Shade Color Variation

#42aec9
```
#42aec9 rgb(66,174,201)
```
#52b5cd
```
#52b5cd rgb(82,181,205)
```
#61bbd2
```
#61bbd2 rgb(97,187,210)
```
#70c2d6
```
#70c2d6 rgb(112,194,214)
```
#7fc8db
```
#7fc8db rgb(127,200,219)
```
#8fcfdf
```
#8fcfdf rgb(143,207,223)
```
#9ed5e3
```
#9ed5e3 rgb(158,213,227)
```
#addce8
```
#addce8 rgb(173,220,232)
```
#bce2ec
```
#bce2ec rgb(188,226,236)
```
#cce9f0
```
#cce9f0 rgb(204,233,240)
```
#dbf0f5
```
#dbf0f5 rgb(219,240,245)
```
#eaf6f9
```
#eaf6f9 rgb(234,246,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#5d5f60
```
#5d5f60 rgb(93,95,96)
```
#566467
```
#566467 rgb(86,100,103)
```
#4e686f
```
#4e686f rgb(78,104,111)
```
#476d76
```
#476d76 rgb(71,109,118)
```
#40717d
```
#40717d rgb(64,113,125)
```
#397584
```
#397584 rgb(57,117,132)
```
#317a8c
```
#317a8c rgb(49,122,140)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#23829a
```
#23829a rgb(35,130,154)
```
#1b87a2
```
#1b87a2 rgb(27,135,162)
```
#148ba9
```
#148ba9 rgb(20,139,169)
```
#0d8fb0
```
#0d8fb0 rgb(13,143,176)
```
#0694b7
```
#0694b7 rgb(6,148,183)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757a92 Protanopia 1% of men
#73799c Deuteranopia 1% of men
#2e8690 Tritanopia 0.001% of the population

Trichromacy

#5a7b92 Protanomaly 1% of men, 0.01% of women
#587b99 Deuteranomaly 6% of men, 0.4% of women
#2c8391 Tritanomaly 0.01% of the population

#2a7e93 hex color

#2a7e93 Color Information

#2a7e93 Color Conversion

Color Schemes with #2a7e93

Alternatives to #2a7e93

#2a7e93 Preview

Shades and Tints of #2a7e93

Tones of #2a7e93

Color Blindness Simulator