#2a5558 hex color

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

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

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

The hexadecimal color #2a5558 has RGB values of R:42, G:85, B:88 and CMYK values of C:0.52, M:0.03, Y:0, K:0.65. Its decimal value is 2774360.

Hex triplet	2a5558	`#2a5558`
RGB Decimal	42, 85, 88	`rgb(42,85,88)`
RGB Percent	16.5, 33.3, 34.5	`rgb(16.5%,33.3%,34.5%)`
CMYK	52, 3, 0, 65
HSL	183.9°, 35.4, 25.5	`hsl(183.9,35.4%,25.5%)`
HSV (or HSB)	183.9°, 52.3, 34.5
Web Safe	336666	`#336666`

CIE-LAB	33.336, -13.965, -6.368
XYZ	5.964, 7.693, 10.403
xyY	0.248, 0.32, 7.693
CIE-LCH	33.336, 15.348, 204.514
CIE-LUV	33.336, -17.974, -6.291
Hunter-Lab	27.737, -10.157, -2.821
Binary	00101010, 01010101, 01011000

#2a5558
```
#2a5558 rgb(42,85,88)
```
#582d2a
```
#582d2a rgb(88,45,42)
```

Complementary Color

#2a5844
```
#2a5844 rgb(42,88,68)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#2a3e58
```
#2a3e58 rgb(42,62,88)
```

Analogous Color

#58442a
```
#58442a rgb(88,68,42)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#582a3e
```
#582a3e rgb(88,42,62)
```

Split Complementary Color

#55582a
```
#55582a rgb(85,88,42)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#582a55
```
#582a55 rgb(88,42,85)
```

Triadic Color

#2a582d
```
#2a582d rgb(42,88,45)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#582a55
```
#582a55 rgb(88,42,85)
```
#582d2a
```
#582d2a rgb(88,45,42)
```

Tetradic Color

#112324
```
#112324 rgb(17,35,36)
```
#1a3435
```
#1a3435 rgb(26,52,53)
```
#224447
```
#224447 rgb(34,68,71)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#326669
```
#326669 rgb(50,102,105)
```
#3a767b
```
#3a767b rgb(58,118,123)
```
#43878c
```
#43878c rgb(67,135,140)
```

Monochromatic Color

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

#2a5850
```
#2a5850 rgb(42,88,80)
```
#2a5853
```
#2a5853 rgb(42,88,83)
```
#2a5857
```
#2a5857 rgb(42,88,87)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#2a5158
```
#2a5158 rgb(42,81,88)
```
#2a4d58
```
#2a4d58 rgb(42,77,88)
```
#2a4a58
```
#2a4a58 rgb(42,74,88)
```

Similar Colors

Text with hexadecimal color #2a5558

This text has a font color of #2a5558.

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

#2a5558 background color

This paragraph has a background color of #2a5558.

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

#2a5558 border color

This element has a border color of #2a5558.

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

CSS codes

.text {color:#2a5558;}

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

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

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)
```
#0a1516
```
#0a1516 rgb(10,21,22)
```
#112223
```
#112223 rgb(17,34,35)
```
#172f30
```
#172f30 rgb(23,47,48)
```
#1d3b3d
```
#1d3b3d rgb(29,59,61)
```
#24484b
```
#24484b rgb(36,72,75)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#306265
```
#306265 rgb(48,98,101)
```
#376f73
```
#376f73 rgb(55,111,115)
```
#3d7b80
```
#3d7b80 rgb(61,123,128)
```
#43888d
```
#43888d rgb(67,136,141)
```
#4a959a
```
#4a959a rgb(74,149,154)
```
#50a2a8
```
#50a2a8 rgb(80,162,168)
```

Shade Color Variation

#5babb1
```
#5babb1 rgb(91,171,177)
```
#68b2b7
```
#68b2b7 rgb(104,178,183)
```
#75b9bd
```
#75b9bd rgb(117,185,189)
```
#83bfc4
```
#83bfc4 rgb(131,191,196)
```
#90c6ca
```
#90c6ca rgb(144,198,202)
```
#9dcdd0
```
#9dcdd0 rgb(157,205,208)
```
#aad4d7
```
#aad4d7 rgb(170,212,215)
```
#b8dbdd
```
#b8dbdd rgb(184,219,221)
```
#c5e1e3
```
#c5e1e3 rgb(197,225,227)
```
#d2e8ea
```
#d2e8ea rgb(210,232,234)
```
#dfeff0
```
#dfeff0 rgb(223,239,240)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#3e4444
```
#3e4444 rgb(62,68,68)
```
#394849
```
#394849 rgb(57,72,73)
```
#344c4e
```
#344c4e rgb(52,76,78)
```
#2f5153
```
#2f5153 rgb(47,81,83)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#25595d
```
#25595d rgb(37,89,93)
```
#205e62
```
#205e62 rgb(32,94,98)
```
#1b6267
```
#1b6267 rgb(27,98,103)
```
#16666c
```
#16666c rgb(22,102,108)
```
#116b71
```
#116b71 rgb(17,107,113)
```
#0c6f76
```
#0c6f76 rgb(12,111,118)
```
#07737b
```
#07737b rgb(7,115,123)
```
#027880
```
#027880 rgb(2,120,128)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424b4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#57575c Protanopia 1% of men
#595563 Deuteranopia 1% of men
#365d64 Tritanopia 0.001% of the population

Trichromacy

#46565b Protanomaly 1% of men, 0.01% of women
#48555f Deuteranomaly 6% of men, 0.4% of women
#315a5f Tritanomaly 0.01% of the population

#2a5558 hex color

#2a5558 Color Information

#2a5558 Color Conversion

Color Schemes with #2a5558

Alternatives to #2a5558

#2a5558 Preview

Shades and Tints of #2a5558

Tones of #2a5558

Color Blindness Simulator