#2a7f93 hex color

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

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

● #2a7f93 color description : Dark cyan.

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

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

CIE-LAB	49.224, -18.283, -18.127
XYZ	13.809, 17.776, 30.306
xyY	0.223, 0.287, 17.776
CIE-LCH	49.224, 25.747, 224.755
CIE-LUV	49.224, -31.421, -24.019
Hunter-Lab	42.162, -15.32, -13.103
Binary	00101010, 01111111, 10010011

#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#933e2a
```
#933e2a rgb(147,62,42)
```

Complementary Color

#2a9373
```
#2a9373 rgb(42,147,115)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#2a4b93
```
#2a4b93 rgb(42,75,147)
```

Analogous Color

#93732a
```
#93732a rgb(147,115,42)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#932a4b
```
#932a4b rgb(147,42,75)
```

Split Complementary Color

#7f932a
```
#7f932a rgb(127,147,42)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#932a7f
```
#932a7f rgb(147,42,127)
```

Triadic Color

#2a933e
```
#2a933e rgb(42,147,62)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#932a7f
```
#932a7f rgb(147,42,127)
```
#933e2a
```
#933e2a rgb(147,62,42)
```

Tetradic Color

#194c58
```
#194c58 rgb(25,76,88)
```
#1f5d6b
```
#1f5d6b rgb(31,93,107)
```
#246e7f
```
#246e7f rgb(36,110,127)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#3090a7
```
#3090a7 rgb(48,144,167)
```
#35a1bb
```
#35a1bb rgb(53,161,187)
```
#41afc9
```
#41afc9 rgb(65,175,201)
```

Monochromatic Color

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

#2a938d
```
#2a938d rgb(42,147,141)
```
#2a9193
```
#2a9193 rgb(42,145,147)
```
#2a8893
```
#2a8893 rgb(42,136,147)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#2a7693
```
#2a7693 rgb(42,118,147)
```
#2a6e93
```
#2a6e93 rgb(42,110,147)
```
#2a6593
```
#2a6593 rgb(42,101,147)
```

Similar Colors

Text with hexadecimal color #2a7f93

This text has a font color of #2a7f93.

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

#2a7f93 background color

This paragraph has a background color of #2a7f93.

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

#2a7f93 border color

This element has a border color of #2a7f93.

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

CSS codes

.text {color:#2a7f93;}

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

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

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)
```
#071619
```
#071619 rgb(7,22,25)
```
#0b2328
```
#0b2328 rgb(11,35,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)
```
#216574
```
#216574 rgb(33,101,116)
```
#267284
```
#267284 rgb(38,114,132)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#2e8ca2
```
#2e8ca2 rgb(46,140,162)
```
#3399b2
```
#3399b2 rgb(51,153,178)
```
#37a7c1
```
#37a7c1 rgb(55,167,193)
```

Shade Color Variation

#42afc9
```
#42afc9 rgb(66,175,201)
```
#52b6cd
```
#52b6cd rgb(82,182,205)
```
#61bcd2
```
#61bcd2 rgb(97,188,210)
```
#70c3d6
```
#70c3d6 rgb(112,195,214)
```
#7fc9db
```
#7fc9db rgb(127,201,219)
```
#8fd0df
```
#8fd0df rgb(143,208,223)
```
#9ed6e3
```
#9ed6e3 rgb(158,214,227)
```
#addce8
```
#addce8 rgb(173,220,232)
```
#bce3ec
```
#bce3ec rgb(188,227,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, #5d6060 is the less saturated color, while #0696b7 is the most saturated one.

#5d6060
```
#5d6060 rgb(93,96,96)
```
#566467
```
#566467 rgb(86,100,103)
```
#4e696f
```
#4e696f rgb(78,105,111)
```
#476d76
```
#476d76 rgb(71,109,118)
```
#40727d
```
#40727d rgb(64,114,125)
```
#397684
```
#397684 rgb(57,118,132)
```
#317b8c
```
#317b8c rgb(49,123,140)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#23849a
```
#23849a rgb(35,132,154)
```
#1b88a2
```
#1b88a2 rgb(27,136,162)
```
#148da9
```
#148da9 rgb(20,141,169)
```
#0d91b0
```
#0d91b0 rgb(13,145,176)
```
#0696b7
```
#0696b7 rgb(6,150,183)
```

Tone Color Variation

Below, you can see how #2a7f93 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
#5c6d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777b92 Protanopia 1% of men
#757a9d Deuteranopia 1% of men
#2e8790 Tritanopia 0.001% of the population

Trichromacy

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

#2a7f93 hex color

#2a7f93 Color Information

#2a7f93 Color Conversion

Color Schemes with #2a7f93

Alternatives to #2a7f93

#2a7f93 Preview

Shades and Tints of #2a7f93

Tones of #2a7f93

Color Blindness Simulator