#2a4c55 hex color

In a RGB color space, hex #2a4c55 is composed of 16.5% red, 29.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 10.6% magenta, 0% yellow and 66.7% black. It has a hue angle of 192.6 degrees, a saturation of 33.9% and a lightness of 24.9%. #2a4c55 color hex could be obtained by blending #5498aa with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2a4c55 has RGB values of R:42, G:76, B:85 and CMYK values of C:0.51, M:0.11, Y:0, K:0.67. Its decimal value is 2772053.

Hex triplet	2a4c55	`#2a4c55`
RGB Decimal	42, 76, 85	`rgb(42,76,85)`
RGB Percent	16.5, 29.8, 33.3	`rgb(16.5%,29.8%,33.3%)`
CMYK	51, 11, 0, 67
HSL	192.6°, 33.9, 24.9	`hsl(192.6,33.9%,24.9%)`
HSV (or HSB)	192.6°, 50.6, 33.3
Web Safe	333366	`#333366`

CIE-LAB	30.198, -9.577, -9.179
XYZ	5.179, 6.317, 9.54
xyY	0.246, 0.3, 6.317
CIE-LCH	30.198, 13.266, 223.784
CIE-LUV	30.198, -14.408, -10.243
Hunter-Lab	25.133, -7.204, -4.913
Binary	00101010, 01001100, 01010101

#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#55332a
```
#55332a rgb(85,51,42)
```

Complementary Color

#2a5549
```
#2a5549 rgb(42,85,73)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#2a3755
```
#2a3755 rgb(42,55,85)
```

Analogous Color

#55492a
```
#55492a rgb(85,73,42)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#552a37
```
#552a37 rgb(85,42,55)
```

Split Complementary Color

#4c552a
```
#4c552a rgb(76,85,42)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#552a4c
```
#552a4c rgb(85,42,76)
```

Triadic Color

#2a5533
```
#2a5533 rgb(42,85,51)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#552a4c
```
#552a4c rgb(85,42,76)
```
#55332a
```
#55332a rgb(85,51,42)
```

Tetradic Color

#111e22
```
#111e22 rgb(17,30,34)
```
#192d33
```
#192d33 rgb(25,45,51)
```
#223d44
```
#223d44 rgb(34,61,68)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#325b66
```
#325b66 rgb(50,91,102)
```
#3b6b77
```
#3b6b77 rgb(59,107,119)
```
#437a88
```
#437a88 rgb(67,122,136)
```

Monochromatic Color

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

#2a5553
```
#2a5553 rgb(42,85,83)
```
#2a5355
```
#2a5355 rgb(42,83,85)
```
#2a5055
```
#2a5055 rgb(42,80,85)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#2a4855
```
#2a4855 rgb(42,72,85)
```
#2a4555
```
#2a4555 rgb(42,69,85)
```
#2a4155
```
#2a4155 rgb(42,65,85)
```

Similar Colors

Text with hexadecimal color #2a4c55

This text has a font color of #2a4c55.

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

#2a4c55 background color

This paragraph has a background color of #2a4c55.

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

#2a4c55 border color

This element has a border color of #2a4c55.

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

CSS codes

.text {color:#2a4c55;}

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

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

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 #f8fbfc is the lightest one.

#030606
```
#030606 rgb(3,6,6)
```
#0a1113
```
#0a1113 rgb(10,17,19)
```
#101d20
```
#101d20 rgb(16,29,32)
```
#17292e
```
#17292e rgb(23,41,46)
```
#1d353b
```
#1d353b rgb(29,53,59)
```
#244048
```
#244048 rgb(36,64,72)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#305862
```
#305862 rgb(48,88,98)
```
#37636f
```
#37636f rgb(55,99,111)
```
#3d6f7c
```
#3d6f7c rgb(61,111,124)
```
#447b8a
```
#447b8a rgb(68,123,138)
```
#4a8797
```
#4a8797 rgb(74,135,151)
```
#5192a4
```
#5192a4 rgb(81,146,164)
```

Shade Color Variation

#5b9cae
```
#5b9cae rgb(91,156,174)
```
#68a4b4
```
#68a4b4 rgb(104,164,180)
```
#75acbb
```
#75acbb rgb(117,172,187)
```
#82b4c1
```
#82b4c1 rgb(130,180,193)
```
#8fbcc8
```
#8fbcc8 rgb(143,188,200)
```
#9cc4ce
```
#9cc4ce rgb(156,196,206)
```
#a9ccd5
```
#a9ccd5 rgb(169,204,213)
```
#b6d3db
```
#b6d3db rgb(182,211,219)
```
#c4dbe2
```
#c4dbe2 rgb(196,219,226)
```
#d1e3e8
```
#d1e3e8 rgb(209,227,232)
```
#deebef
```
#deebef rgb(222,235,239)
```
#ebf3f5
```
#ebf3f5 rgb(235,243,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,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 #03637c is the most saturated one.

#3e4141
```
#3e4141 rgb(62,65,65)
```
#394346
```
#394346 rgb(57,67,70)
```
#34464b
```
#34464b rgb(52,70,75)
```
#2f4950
```
#2f4950 rgb(47,73,80)
```
#2a4c55
```
#2a4c55 rgb(42,76,85)
```
#254f5a
```
#254f5a rgb(37,79,90)
```
#20525f
```
#20525f rgb(32,82,95)
```
#1b5564
```
#1b5564 rgb(27,85,100)
```
#165769
```
#165769 rgb(22,87,105)
```
#125a6d
```
#125a6d rgb(18,90,109)
```
#0d5d72
```
#0d5d72 rgb(13,93,114)
```
#086077
```
#086077 rgb(8,96,119)
```
#03637c
```
#03637c rgb(3,99,124)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e505a Protanopia 1% of men
#504f60 Deuteranopia 1% of men
#34555b Tritanopia 0.001% of the population

Trichromacy

#414e58 Protanomaly 1% of men, 0.01% of women
#424d5c Deuteranomaly 6% of men, 0.4% of women
#305259 Tritanomaly 0.01% of the population

#2a4c55 hex color

#2a4c55 Color Information

#2a4c55 Color Conversion

Color Schemes with #2a4c55

Alternatives to #2a4c55

#2a4c55 Preview

Shades and Tints of #2a4c55

Tones of #2a4c55

Color Blindness Simulator