#2a575e hex color

In a RGB color space, hex #2a575e is composed of 16.5% red, 34.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 7.4% magenta, 0% yellow and 63.1% black. It has a hue angle of 188.1 degrees, a saturation of 38.2% and a lightness of 26.7%. #2a575e color hex could be obtained by blending #54aebc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 34
- B 37
RGB color chart
- C 55
- M 7
- Y 0
- K 63
CMYK color chart

● #2a575e color description : Very dark desaturated cyan.

The hexadecimal color #2a575e has RGB values of R:42, G:87, B:94 and CMYK values of C:0.55, M:0.07, Y:0, K:0.63. Its decimal value is 2774878.

Hex triplet	2a575e	`#2a575e`
RGB Decimal	42, 87, 94	`rgb(42,87,94)`
RGB Percent	16.5, 34.1, 36.9	`rgb(16.5%,34.1%,36.9%)`
CMYK	55, 7, 0, 63
HSL	188.1°, 38.2, 26.7	`hsl(188.1,38.2%,26.7%)`
HSV (or HSB)	188.1°, 55.3, 36.9
Web Safe	336666	`#336666`

CIE-LAB	34.224, -13.249, -8.812
XYZ	6.383, 8.116, 11.819
xyY	0.243, 0.308, 8.116
CIE-LCH	34.224, 15.912, 213.629
CIE-LUV	34.224, -18.582, -9.699
Hunter-Lab	28.489, -9.864, -4.655
Binary	00101010, 01010111, 01011110

#2a575e
```
#2a575e rgb(42,87,94)
```
#5e312a
```
#5e312a rgb(94,49,42)
```

Complementary Color

#2a5e4b
```
#2a5e4b rgb(42,94,75)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#2a3d5e
```
#2a3d5e rgb(42,61,94)
```

Analogous Color

#5e4b2a
```
#5e4b2a rgb(94,75,42)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#5e2a3d
```
#5e2a3d rgb(94,42,61)
```

Split Complementary Color

#575e2a
```
#575e2a rgb(87,94,42)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#5e2a57
```
#5e2a57 rgb(94,42,87)
```

Triadic Color

#2a5e31
```
#2a5e31 rgb(42,94,49)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#5e2a57
```
#5e2a57 rgb(94,42,87)
```
#5e312a
```
#5e312a rgb(94,49,42)
```

Tetradic Color

#122629
```
#122629 rgb(18,38,41)
```
#1a363b
```
#1a363b rgb(26,54,59)
```
#22474c
```
#22474c rgb(34,71,76)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#326770
```
#326770 rgb(50,103,112)
```
#3a7881
```
#3a7881 rgb(58,120,129)
```
#428893
```
#428893 rgb(66,136,147)
```

Monochromatic Color

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

#2a5e58
```
#2a5e58 rgb(42,94,88)
```
#2a5e5c
```
#2a5e5c rgb(42,94,92)
```
#2a5b5e
```
#2a5b5e rgb(42,91,94)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#2a535e
```
#2a535e rgb(42,83,94)
```
#2a4e5e
```
#2a4e5e rgb(42,78,94)
```
#2a4a5e
```
#2a4a5e rgb(42,74,94)
```

Similar Colors

Text with hexadecimal color #2a575e

This text has a font color of #2a575e.

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

#2a575e background color

This paragraph has a background color of #2a575e.

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

#2a575e border color

This element has a border color of #2a575e.

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

CSS codes

.text {color:#2a575e;}

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

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

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, #060c0d is the darkest color, while #feffff is the lightest one.

#060c0d
```
#060c0d rgb(6,12,13)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#122528
```
#122528 rgb(18,37,40)
```
#183135
```
#183135 rgb(24,49,53)
```
#1e3e43
```
#1e3e43 rgb(30,62,67)
```
#244a50
```
#244a50 rgb(36,74,80)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#30646c
```
#30646c rgb(48,100,108)
```
#367079
```
#367079 rgb(54,112,121)
```
#3c7d87
```
#3c7d87 rgb(60,125,135)
```
#428994
```
#428994 rgb(66,137,148)
```
#4896a2
```
#4896a2 rgb(72,150,162)
```
#4ea2af
```
#4ea2af rgb(78,162,175)
```

Shade Color Variation

#5baab6
```
#5baab6 rgb(91,170,182)
```
#69b1bc
```
#69b1bc rgb(105,177,188)
```
#77b8c2
```
#77b8c2 rgb(119,184,194)
```
#84bfc8
```
#84bfc8 rgb(132,191,200)
```
#92c6ce
```
#92c6ce rgb(146,198,206)
```
#9fcdd4
```
#9fcdd4 rgb(159,205,212)
```
#add4da
```
#add4da rgb(173,212,218)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#c8e2e6
```
#c8e2e6 rgb(200,226,230)
```
#d5e9ec
```
#d5e9ec rgb(213,233,236)
```
#e3f0f2
```
#e3f0f2 rgb(227,240,242)
```
#f1f7f9
```
#f1f7f9 rgb(241,247,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4849 is the less saturated color, while #007688 is the most saturated one.

#3f4849
```
#3f4849 rgb(63,72,73)
```
#3a4c4e
```
#3a4c4e rgb(58,76,78)
```
#344f54
```
#344f54 rgb(52,79,84)
```
#2f5359
```
#2f5359 rgb(47,83,89)
```
#2a575e
```
#2a575e rgb(42,87,94)
```
#255b63
```
#255b63 rgb(37,91,99)
```
#205f68
```
#205f68 rgb(32,95,104)
```
#1a626e
```
#1a626e rgb(26,98,110)
```
#156673
```
#156673 rgb(21,102,115)
```
#106a78
```
#106a78 rgb(16,106,120)
```
#0b6e7d
```
#0b6e7d rgb(11,110,125)
```
#057283
```
#057283 rgb(5,114,131)
```
#007688
```
#007688 rgb(0,118,136)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#585862 Protanopia 1% of men
#595769 Deuteranopia 1% of men
#355f66 Tritanopia 0.001% of the population

Trichromacy

#475860 Protanomaly 1% of men, 0.01% of women
#485765 Deuteranomaly 6% of men, 0.4% of women
#315c63 Tritanomaly 0.01% of the population

#2a575e hex color

#2a575e Color Information

#2a575e Color Conversion

Color Schemes with #2a575e

Alternatives to #2a575e

#2a575e Preview

Shades and Tints of #2a575e

Tones of #2a575e

Color Blindness Simulator