#2a555d hex color

In a RGB color space, hex #2a555d is composed of 16.5% red, 33.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 8.6% magenta, 0% yellow and 63.5% black. It has a hue angle of 189.4 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a555d color hex could be obtained by blending #54aaba with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 33
- B 36
RGB color chart
- C 55
- M 9
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2a555d has RGB values of R:42, G:85, B:93 and CMYK values of C:0.55, M:0.09, Y:0, K:0.64. Its decimal value is 2774365.

Hex triplet	2a555d	`#2a555d`
RGB Decimal	42, 85, 93	`rgb(42,85,93)`
RGB Percent	16.5, 33.3, 36.5	`rgb(16.5%,33.3%,36.5%)`
CMYK	55, 9, 0, 64
HSL	189.4°, 37.8, 26.5	`hsl(189.4,37.8%,26.5%)`
HSV (or HSB)	189.4°, 54.8, 36.5
Web Safe	336666	`#336666`

CIE-LAB	33.519, -12.4, -9.247
XYZ	6.179, 7.779, 11.531
xyY	0.242, 0.305, 7.779
CIE-LCH	33.519, 15.469, 216.713
CIE-LUV	33.519, -17.814, -10.327
Hunter-Lab	27.891, -9.267, -4.989
Binary	00101010, 01010101, 01011101

#2a555d
```
#2a555d rgb(42,85,93)
```
#5d322a
```
#5d322a rgb(93,50,42)
```

Complementary Color

#2a5d4c
```
#2a5d4c rgb(42,93,76)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#2a3c5d
```
#2a3c5d rgb(42,60,93)
```

Analogous Color

#5d4c2a
```
#5d4c2a rgb(93,76,42)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#5d2a3c
```
#5d2a3c rgb(93,42,60)
```

Split Complementary Color

#555d2a
```
#555d2a rgb(85,93,42)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#5d2a55
```
#5d2a55 rgb(93,42,85)
```

Triadic Color

#2a5d32
```
#2a5d32 rgb(42,93,50)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#5d2a55
```
#5d2a55 rgb(93,42,85)
```
#5d322a
```
#5d322a rgb(93,50,42)
```

Tetradic Color

#122528
```
#122528 rgb(18,37,40)
```
#1a353a
```
#1a353a rgb(26,53,58)
```
#22454b
```
#22454b rgb(34,69,75)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#32656f
```
#32656f rgb(50,101,111)
```
#3a7580
```
#3a7580 rgb(58,117,128)
```
#428592
```
#428592 rgb(66,133,146)
```

Monochromatic Color

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

#2a5d58
```
#2a5d58 rgb(42,93,88)
```
#2a5d5d
```
#2a5d5d rgb(42,93,93)
```
#2a595d
```
#2a595d rgb(42,89,93)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#2a515d
```
#2a515d rgb(42,81,93)
```
#2a4d5d
```
#2a4d5d rgb(42,77,93)
```
#2a485d
```
#2a485d rgb(42,72,93)
```

Similar Colors

Text with hexadecimal color #2a555d

This text has a font color of #2a555d.

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

#2a555d background color

This paragraph has a background color of #2a555d.

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

#2a555d border color

This element has a border color of #2a555d.

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

CSS codes

.text {color:#2a555d;}

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

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0b1719
```
#0b1719 rgb(11,23,25)
```
#122427
```
#122427 rgb(18,36,39)
```
#183034
```
#183034 rgb(24,48,52)
```
#1e3c42
```
#1e3c42 rgb(30,60,66)
```
#24494f
```
#24494f rgb(36,73,79)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#30616b
```
#30616b rgb(48,97,107)
```
#366e78
```
#366e78 rgb(54,110,120)
```
#3c7a86
```
#3c7a86 rgb(60,122,134)
```
#428693
```
#428693 rgb(66,134,147)
```
#4993a1
```
#4993a1 rgb(73,147,161)
```
#4f9fae
```
#4f9fae rgb(79,159,174)
```

Shade Color Variation

#5ba7b5
```
#5ba7b5 rgb(91,167,181)
```
#69aebb
```
#69aebb rgb(105,174,187)
```
#76b5c1
```
#76b5c1 rgb(118,181,193)
```
#84bdc7
```
#84bdc7 rgb(132,189,199)
```
#91c4cd
```
#91c4cd rgb(145,196,205)
```
#9fcbd4
```
#9fcbd4 rgb(159,203,212)
```
#acd3da
```
#acd3da rgb(172,211,218)
```
#badae0
```
#badae0 rgb(186,218,224)
```
#c7e1e6
```
#c7e1e6 rgb(199,225,230)
```
#d5e8ec
```
#d5e8ec rgb(213,232,236)
```
#e2f0f2
```
#e2f0f2 rgb(226,240,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3f4748
```
#3f4748 rgb(63,71,72)
```
#3a4a4d
```
#3a4a4d rgb(58,74,77)
```
#344e53
```
#344e53 rgb(52,78,83)
```
#2f5158
```
#2f5158 rgb(47,81,88)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#255962
```
#255962 rgb(37,89,98)
```
#205c67
```
#205c67 rgb(32,92,103)
```
#1a606d
```
#1a606d rgb(26,96,109)
```
#156372
```
#156372 rgb(21,99,114)
```
#106777
```
#106777 rgb(16,103,119)
```
#0b6a7c
```
#0b6a7c rgb(11,106,124)
```
#066e81
```
#066e81 rgb(6,110,129)
```
#007287
```
#007287 rgb(0,114,135)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#565761 Protanopia 1% of men
#575668 Deuteranopia 1% of men
#345d64 Tritanopia 0.001% of the population

Trichromacy

#46565f Protanomaly 1% of men, 0.01% of women
#475564 Deuteranomaly 6% of men, 0.4% of women
#305a61 Tritanomaly 0.01% of the population

#2a555d hex color

#2a555d Color Information

#2a555d Color Conversion

Color Schemes with #2a555d

Alternatives to #2a555d

#2a555d Preview

Shades and Tints of #2a555d

Tones of #2a555d

Color Blindness Simulator