#2a5358 hex color

In a RGB color space, hex #2a5358 is composed of 16.5% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 5.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 186.5 degrees, a saturation of 35.4% and a lightness of 25.5%. #2a5358 color hex could be obtained by blending #54a6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 33
- B 35
RGB color chart
- C 52
- M 6
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2a5358 has RGB values of R:42, G:83, B:88 and CMYK values of C:0.52, M:0.06, Y:0, K:0.65. Its decimal value is 2773848.

Hex triplet	2a5358	`#2a5358`
RGB Decimal	42, 83, 88	`rgb(42,83,88)`
RGB Percent	16.5, 32.5, 34.5	`rgb(16.5%,32.5%,34.5%)`
CMYK	52, 6, 0, 65
HSL	186.5°, 35.4, 25.5	`hsl(186.5,35.4%,25.5%)`
HSV (or HSB)	186.5°, 52.3, 34.5
Web Safe	336666	`#336666`

CIE-LAB	32.663, -12.804, -7.376
XYZ	5.809, 7.383, 10.351
xyY	0.247, 0.314, 7.383
CIE-LCH	32.663, 14.777, 209.947
CIE-LUV	32.663, -17.163, -7.717
Hunter-Lab	27.172, -9.388, -3.566
Binary	00101010, 01010011, 01011000

#2a5358
```
#2a5358 rgb(42,83,88)
```
#582f2a
```
#582f2a rgb(88,47,42)
```

Complementary Color

#2a5846
```
#2a5846 rgb(42,88,70)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#2a3c58
```
#2a3c58 rgb(42,60,88)
```

Analogous Color

#58462a
```
#58462a rgb(88,70,42)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#582a3c
```
#582a3c rgb(88,42,60)
```

Split Complementary Color

#53582a
```
#53582a rgb(83,88,42)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#582a53
```
#582a53 rgb(88,42,83)
```

Triadic Color

#2a582f
```
#2a582f rgb(42,88,47)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#582a53
```
#582a53 rgb(88,42,83)
```
#582f2a
```
#582f2a rgb(88,47,42)
```

Tetradic Color

#112224
```
#112224 rgb(17,34,36)
```
#1a3235
```
#1a3235 rgb(26,50,53)
```
#224347
```
#224347 rgb(34,67,71)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#326369
```
#326369 rgb(50,99,105)
```
#3a747b
```
#3a747b rgb(58,116,123)
```
#43848c
```
#43848c rgb(67,132,140)
```

Monochromatic Color

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

#2a5852
```
#2a5852 rgb(42,88,82)
```
#2a5855
```
#2a5855 rgb(42,88,85)
```
#2a5758
```
#2a5758 rgb(42,87,88)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#2a4f58
```
#2a4f58 rgb(42,79,88)
```
#2a4b58
```
#2a4b58 rgb(42,75,88)
```
#2a4858
```
#2a4858 rgb(42,72,88)
```

Similar Colors

Text with hexadecimal color #2a5358

This text has a font color of #2a5358.

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

#2a5358 background color

This paragraph has a background color of #2a5358.

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

#2a5358 border color

This element has a border color of #2a5358.

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

CSS codes

.text {color:#2a5358;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1416
```
#0a1416 rgb(10,20,22)
```
#112123
```
#112123 rgb(17,33,35)
```
#172d30
```
#172d30 rgb(23,45,48)
```
#1d3a3d
```
#1d3a3d rgb(29,58,61)
```
#24464b
```
#24464b rgb(36,70,75)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#306065
```
#306065 rgb(48,96,101)
```
#376c73
```
#376c73 rgb(55,108,115)
```
#3d7980
```
#3d7980 rgb(61,121,128)
```
#43858d
```
#43858d rgb(67,133,141)
```
#4a929a
```
#4a929a rgb(74,146,154)
```
#509ea8
```
#509ea8 rgb(80,158,168)
```

Shade Color Variation

#5ba7b1
```
#5ba7b1 rgb(91,167,177)
```
#68aeb7
```
#68aeb7 rgb(104,174,183)
```
#75b5bd
```
#75b5bd rgb(117,181,189)
```
#83bdc4
```
#83bdc4 rgb(131,189,196)
```
#90c4ca
```
#90c4ca rgb(144,196,202)
```
#9dcbd0
```
#9dcbd0 rgb(157,203,208)
```
#aad2d7
```
#aad2d7 rgb(170,210,215)
```
#b8d9dd
```
#b8d9dd rgb(184,217,221)
```
#c5e0e3
```
#c5e0e3 rgb(197,224,227)
```
#d2e7ea
```
#d2e7ea rgb(210,231,234)
```
#dfeef0
```
#dfeef0 rgb(223,238,240)
```
#edf5f6
```
#edf5f6 rgb(237,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#3e4344
```
#3e4344 rgb(62,67,68)
```
#394749
```
#394749 rgb(57,71,73)
```
#344b4e
```
#344b4e rgb(52,75,78)
```
#2f4f53
```
#2f4f53 rgb(47,79,83)
```
#2a5358
```
#2a5358 rgb(42,83,88)
```
#25575d
```
#25575d rgb(37,87,93)
```
#205b62
```
#205b62 rgb(32,91,98)
```
#1b5f67
```
#1b5f67 rgb(27,95,103)
```
#16636c
```
#16636c rgb(22,99,108)
```
#116771
```
#116771 rgb(17,103,113)
```
#0c6a76
```
#0c6a76 rgb(12,106,118)
```
#076e7b
```
#076e7b rgb(7,110,123)
```
#027280
```
#027280 rgb(2,114,128)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#41494a Atypical Achromatopsia 0.001% of the population

Dichromacy

#55555d Protanopia 1% of men
#575463 Deuteranopia 1% of men
#355b62 Tritanopia 0.001% of the population

Trichromacy

#45545b Protanomaly 1% of men, 0.01% of women
#46535f Deuteranomaly 6% of men, 0.4% of women
#31585e Tritanomaly 0.01% of the population

#2a5358 hex color

#2a5358 Color Information

#2a5358 Color Conversion

Color Schemes with #2a5358

Alternatives to #2a5358

#2a5358 Preview

Shades and Tints of #2a5358

Tones of #2a5358

Color Blindness Simulator