#2a7573 hex color

In a RGB color space, hex #2a7573 is composed of 16.5% red, 45.9% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 1.7% yellow and 54.1% black. It has a hue angle of 178.4 degrees, a saturation of 47.2% and a lightness of 31.2%. #2a7573 color hex could be obtained by blending #54eae6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 46
- B 45
RGB color chart
- C 64
- M 0
- Y 2
- K 54
CMYK color chart

● #2a7573 color description : Dark moderate cyan.

The hexadecimal color #2a7573 has RGB values of R:42, G:117, B:115 and CMYK values of C:0.64, M:0, Y:0.02, K:0.54. Its decimal value is 2782579.

Hex triplet	2a7573	`#2a7573`
RGB Decimal	42, 117, 115	`rgb(42,117,115)`
RGB Percent	16.5, 45.9, 45.1	`rgb(16.5%,45.9%,45.1%)`
CMYK	64, 0, 2, 54
HSL	178.4°, 47.2, 31.2	`hsl(178.4,47.2%,31.2%)`
HSV (or HSB)	178.4°, 64.1, 45.9
Web Safe	336666	`#336666`

CIE-LAB	44.874, -23.164, -5.737
XYZ	10.41, 14.452, 18.46
xyY	0.24, 0.334, 14.452
CIE-LCH	44.874, 23.864, 193.911
CIE-LUV	44.874, -29.448, -4.686
Hunter-Lab	38.015, -17.649, -2.179
Binary	00101010, 01110101, 01110011

#2a7573
```
#2a7573 rgb(42,117,115)
```
#752a2c
```
#752a2c rgb(117,42,44)
```

Complementary Color

#2a754e
```
#2a754e rgb(42,117,78)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#2a5275
```
#2a5275 rgb(42,82,117)
```

Analogous Color

#754e2a
```
#754e2a rgb(117,78,42)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#752a52
```
#752a52 rgb(117,42,82)
```

Split Complementary Color

#75732a
```
#75732a rgb(117,115,42)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#732a75
```
#732a75 rgb(115,42,117)
```

Triadic Color

#2c752a
```
#2c752a rgb(44,117,42)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#732a75
```
#732a75 rgb(115,42,117)
```
#752a2c
```
#752a2c rgb(117,42,44)
```

Tetradic Color

#163d3c
```
#163d3c rgb(22,61,60)
```
#1d4f4e
```
#1d4f4e rgb(29,79,78)
```
#236261
```
#236261 rgb(35,98,97)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#318885
```
#318885 rgb(49,136,133)
```
#379b98
```
#379b98 rgb(55,155,152)
```
#3eadaa
```
#3eadaa rgb(62,173,170)
```

Monochromatic Color

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

#2a7560
```
#2a7560 rgb(42,117,96)
```
#2a7567
```
#2a7567 rgb(42,117,103)
```
#2a756d
```
#2a756d rgb(42,117,109)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#2a7175
```
#2a7175 rgb(42,113,117)
```
#2a6b75
```
#2a6b75 rgb(42,107,117)
```
#2a6475
```
#2a6475 rgb(42,100,117)
```

Similar Colors

Text with hexadecimal color #2a7573

This text has a font color of #2a7573.

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

#2a7573 background color

This paragraph has a background color of #2a7573.

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

#2a7573 border color

This element has a border color of #2a7573.

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

CSS codes

.text {color:#2a7573;}

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

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

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, #010202 is the darkest color, while #f2fafa is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0b1e1e
```
#0b1e1e rgb(11,30,30)
```
#102d2c
```
#102d2c rgb(16,45,44)
```
#153b3a
```
#153b3a rgb(21,59,58)
```
#1a4a48
```
#1a4a48 rgb(26,74,72)
```
#205857
```
#205857 rgb(32,88,87)
```
#256765
```
#256765 rgb(37,103,101)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#2f8381
```
#2f8381 rgb(47,131,129)
```
#34928f
```
#34928f rgb(52,146,143)
```
#3aa09e
```
#3aa09e rgb(58,160,158)
```
#3fafac
```
#3fafac rgb(63,175,172)
```

Shade Color Variation

#45bcb9
```
#45bcb9 rgb(69,188,185)
```
#53c1be
```
#53c1be rgb(83,193,190)
```
#62c7c4
```
#62c7c4 rgb(98,199,196)
```
#70ccc9
```
#70ccc9 rgb(112,204,201)
```
#7fd1cf
```
#7fd1cf rgb(127,209,207)
```
#8dd6d4
```
#8dd6d4 rgb(141,214,212)
```
#9bdbda
```
#9bdbda rgb(155,219,218)
```
#aae0df
```
#aae0df rgb(170,224,223)
```
#b8e6e4
```
#b8e6e4 rgb(184,230,228)
```
#c7ebea
```
#c7ebea rgb(199,235,234)
```
#d5f0ef
```
#d5f0ef rgb(213,240,239)
```
#e4f5f5
```
#e4f5f5 rgb(228,245,245)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5050 is the less saturated color, while #059a96 is the most saturated one.

#4f5050
```
#4f5050 rgb(79,80,80)
```
#495656
```
#495656 rgb(73,86,86)
```
#425d5c
```
#425d5c rgb(66,93,92)
```
#3c6362
```
#3c6362 rgb(60,99,98)
```
#366967
```
#366967 rgb(54,105,103)
```
#306f6d
```
#306f6d rgb(48,111,109)
```
#2a7573
```
#2a7573 rgb(42,117,115)
```
#247b79
```
#247b79 rgb(36,123,121)
```
#1e817f
```
#1e817f rgb(30,129,127)
```
#188784
```
#188784 rgb(24,135,132)
```
#128d8a
```
#128d8a rgb(18,141,138)
```
#0b9490
```
#0b9490 rgb(11,148,144)
```
#059a96
```
#059a96 rgb(5,154,150)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737174 Protanopia 1% of men
#766f7f Deuteranopia 1% of men
#3a7a83 Tritanopia 0.001% of the population

Trichromacy

#587273 Protanomaly 1% of men, 0.01% of women
#5a717a Deuteranomaly 6% of men, 0.4% of women
#34787d Tritanomaly 0.01% of the population

#2a7573 hex color

#2a7573 Color Information

#2a7573 Color Conversion

Color Schemes with #2a7573

Alternatives to #2a7573

#2a7573 Preview

Shades and Tints of #2a7573

Tones of #2a7573

Color Blindness Simulator