#2a5554 hex color

In a RGB color space, hex #2a5554 is composed of 16.5% red, 33.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 1.2% yellow and 66.7% black. It has a hue angle of 178.6 degrees, a saturation of 33.9% and a lightness of 24.9%. #2a5554 color hex could be obtained by blending #54aaa8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 33
- B 33
RGB color chart
- C 51
- M 0
- Y 1
- K 67
CMYK color chart

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

The hexadecimal color #2a5554 has RGB values of R:42, G:85, B:84 and CMYK values of C:0.51, M:0, Y:0.01, K:0.67. Its decimal value is 2774356.

Hex triplet	2a5554	`#2a5554`
RGB Decimal	42, 85, 84	`rgb(42,85,84)`
RGB Percent	16.5, 33.3, 32.9	`rgb(16.5%,33.3%,32.9%)`
CMYK	51, 0, 1, 67
HSL	178.6°, 33.9, 24.9	`hsl(178.6,33.9%,24.9%)`
HSV (or HSB)	178.6°, 50.6, 33.3
Web Safe	336666	`#336666`

CIE-LAB	33.198, -15.175, -4.049
XYZ	5.803, 7.629, 9.554
xyY	0.252, 0.332, 7.629
CIE-LCH	33.198, 15.706, 194.938
CIE-LUV	33.198, -18.102, -3.113
Hunter-Lab	27.621, -10.833, -1.174
Binary	00101010, 01010101, 01010100

#2a5554
```
#2a5554 rgb(42,85,84)
```
#552a2b
```
#552a2b rgb(85,42,43)
```

Complementary Color

#2a553f
```
#2a553f rgb(42,85,63)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#2a4155
```
#2a4155 rgb(42,65,85)
```

Analogous Color

#553f2a
```
#553f2a rgb(85,63,42)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#552a41
```
#552a41 rgb(85,42,65)
```

Split Complementary Color

#55542a
```
#55542a rgb(85,84,42)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#542a55
```
#542a55 rgb(84,42,85)
```

Triadic Color

#2b552a
```
#2b552a rgb(43,85,42)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#542a55
```
#542a55 rgb(84,42,85)
```
#552a2b
```
#552a2b rgb(85,42,43)
```

Tetradic Color

#112221
```
#112221 rgb(17,34,33)
```
#193332
```
#193332 rgb(25,51,50)
```
#224443
```
#224443 rgb(34,68,67)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#326665
```
#326665 rgb(50,102,101)
```
#3b7776
```
#3b7776 rgb(59,119,118)
```
#438887
```
#438887 rgb(67,136,135)
```

Monochromatic Color

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

#2a5549
```
#2a5549 rgb(42,85,73)
```
#2a554d
```
#2a554d rgb(42,85,77)
```
#2a5550
```
#2a5550 rgb(42,85,80)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#2a5255
```
#2a5255 rgb(42,82,85)
```
#2a4f55
```
#2a4f55 rgb(42,79,85)
```
#2a4b55
```
#2a4b55 rgb(42,75,85)
```

Similar Colors

Text with hexadecimal color #2a5554

This text has a font color of #2a5554.

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

#2a5554 background color

This paragraph has a background color of #2a5554.

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

#2a5554 border color

This element has a border color of #2a5554.

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

CSS codes

.text {color:#2a5554;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1313
```
#0a1313 rgb(10,19,19)
```
#102020
```
#102020 rgb(16,32,32)
```
#172e2d
```
#172e2d rgb(23,46,45)
```
#1d3b3a
```
#1d3b3a rgb(29,59,58)
```
#244847
```
#244847 rgb(36,72,71)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#306261
```
#306261 rgb(48,98,97)
```
#376f6e
```
#376f6e rgb(55,111,110)
```
#3d7c7b
```
#3d7c7b rgb(61,124,123)
```
#448a88
```
#448a88 rgb(68,138,136)
```
#4a9795
```
#4a9795 rgb(74,151,149)
```
#51a4a2
```
#51a4a2 rgb(81,164,162)
```

Shade Color Variation

#5baeac
```
#5baeac rgb(91,174,172)
```
#68b4b2
```
#68b4b2 rgb(104,180,178)
```
#75bbb9
```
#75bbb9 rgb(117,187,185)
```
#82c1c0
```
#82c1c0 rgb(130,193,192)
```
#8fc8c6
```
#8fc8c6 rgb(143,200,198)
```
#9ccecd
```
#9ccecd rgb(156,206,205)
```
#a9d5d4
```
#a9d5d4 rgb(169,213,212)
```
#b6dbda
```
#b6dbda rgb(182,219,218)
```
#c4e2e1
```
#c4e2e1 rgb(196,226,225)
```
#d1e8e8
```
#d1e8e8 rgb(209,232,232)
```
#deefee
```
#deefee rgb(222,239,238)
```
#ebf5f5
```
#ebf5f5 rgb(235,245,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#3e4141
```
#3e4141 rgb(62,65,65)
```
#394646
```
#394646 rgb(57,70,70)
```
#344b4b
```
#344b4b rgb(52,75,75)
```
#2f504f
```
#2f504f rgb(47,80,79)
```
#2a5554
```
#2a5554 rgb(42,85,84)
```
#255a59
```
#255a59 rgb(37,90,89)
```
#205f5d
```
#205f5d rgb(32,95,93)
```
#1b6462
```
#1b6462 rgb(27,100,98)
```
#166967
```
#166967 rgb(22,105,103)
```
#126d6b
```
#126d6b rgb(18,109,107)
```
#0d7270
```
#0d7270 rgb(13,114,112)
```
#087775
```
#087775 rgb(8,119,117)
```
#037c79
```
#037c79 rgb(3,124,121)
```

Tone Color Variation

Below, you can see how #2a5554 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
#424b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#585659 Protanopia 1% of men
#5b5560 Deuteranopia 1% of men
#375c63 Tritanopia 0.001% of the population

Trichromacy

#475657 Protanomaly 1% of men, 0.01% of women
#49555b Deuteranomaly 6% of men, 0.4% of women
#32595d Tritanomaly 0.01% of the population

#2a5554 hex color

#2a5554 Color Information

#2a5554 Color Conversion

Color Schemes with #2a5554

Alternatives to #2a5554

#2a5554 Preview

Shades and Tints of #2a5554

Tones of #2a5554

Color Blindness Simulator